「WordPress 加速」[转载]加速你的WP——利用WP Super Cache的CDN来挂载JS CSS(任意静态存储介质通用)

本文转载自月宅酱的同名文章,原文链接见文章最底部


随着内容的多样化,使得我的博客开始变得笨重起来,网站打开速度远不如以前,因为我将它全部一体化了。

不得不让我开始对博客进行各项优化,目前使用Super Cache插件来完成动静分离的加载工作。

这是一个百度的教程,可能会有人觉得,百度有的,你为什么还要重复写?

万事都讲究一个新陈代谢,人们都喜欢新鲜的事物,百度上都是一些比较久远的旧内容,旧的WordPress,旧的插件,旧的CDN,旧的知识…

我就喜欢去研究一些几年前的东西,然后实践,最后写一份新的记录出来,供自己看,供大家学习。

一个声明(来自月宅酱的=v=)


能不能复制我文章内容的时候,给一个出处?(yx17注:要转这篇推荐标注月宅酱的原出处)

不知从何开始,在各个引擎搜索我文章名,往往会出现“内容一样、图片一样”或者“内容相似、图片一样”的文章出来,无论是图片风格,还是写代码的风格,我一眼就看出来是复制我的,可恨的是根本没有转载自:月宅酱的声明!

转载声明起码是一个人的自我修为好吧?如果你要说你是伪原创,不是抄袭与复制,那麻烦请你把图片换掉,自己截!中吗,能不能别用我文章中的图。(我并不想在我的图片中打上水印,强迫症过不去)(手动滑稽)(yx17注:因为我懒得用自己的图了=v=所以就从月宅酱这直接转了当然就算换了自己的图也要标注来自月宅酱哦

正式教程


老规矩,先在插件后台搜索安装wp super cache

老规矩,启用缓存,其他设置无所谓,本篇主要说CDN内容(然后直接点击CDN选项)(←菊苣说了这里是第一步=v=)

enable-cdn

PS:我这里是使用的又拍云来完成加速(需要备案,如果需要来自又拍云对象存储的加速,你可以下方评论,我会给予寄托,仅仅包括JS和CSS)

这里再啰嗦几点:

  1. off-site URL 填写CDN地址,这里我填写的已经在又拍云绑定的域名“cdn.”,没备案, 直接填写默认域名,域名后面别写“/”(←菊苣还说了这里开始一直到1 2 3 balabala结束是第二步QAQ)
  2. 目录的话,你可以写上全站,来达到你的admin后台也能加速,这里我只写了默认的两个,主要是加速主题文件
  3. 默认是写的“.php”,这个意思是写在这里的任何的后缀,都不会被替换,这里表示不替换CDN上的php文件

set-cdn

(yx17:有强迫症的我忍不住出来吐槽这有生命一般的1 2 3=v=唔很好,勿打=w=)

第三步(yx17:第二步呢QAQ 月宅:啊咧…我忘写了,看上面=v=)


接着你需要来到又拍云的FTP文件,上传刚刚的两个目录(不支持解压,请直接上传文件)

说一下为什么需要手动上传,而不是自动寄托过去?

这里加速存储的CDN内容,是又拍云的对象存储,而不是CDN节点服务器

对象存储的好处:能够达到100%的命中率,且无丢包,无需缓存,无需预热,直接拉取该文件

CDN的区别:必须有人访问之后才会被缓存到节点,也就是第一次命中率极低,之后才会加速

(修改文件后的js和css请在又拍云内直接修改,无需刷新)

upload-static-data

最后一步


目前已经完成了CDN的工作,你可以来到你的主页,F12,点到Sources控制台,然后Ctrl+F5一下

你就会看见你的域名请求中多了一个cdn域名的加载

cdn-request

来看一下命中率与速度是怎样的吧,非常非常的吓人……

命中率和健康度由于是直接存在对象存储里,所以是100%,速度的话….加载有多少JS,就能一下子并发多少带宽出来….

cdn-request

注意


如果你把页面压缩这样了,那么地址的话…是不会被替换的,super cache只能替换绝对路径,我压缩成这样后,CSS变成相对路径,然后失效-0-所以,别压成这种没了绝对路径的代码,不然不会被加速的

compress-code-sample

最后说下


你可以直接扔任何对象存储,记得手动上传,免费的一大堆,比如又拍云,七牛,腾讯,这些都是有免费额度,但是呢,七牛的https是额外计费的。(yx17:后面还有两句月宅酱的balabala,我没复制了…有兴趣的小伙伴可以去原文看=v=)

原文链接:https://www.ikmoe.com/3186.html

14 评论

    1. 已在文中指出QAQ
      话说缓存之后确实快了不少呢(我用的是便宜的美国北卡KVM的VPS QAQ,不挂代理好久没体验过这个速度了)=v=
      另外我还用了你的邮件模版=v=确实不错呢,谢谢=c=

        1. 是nginx,bingo,但是我也不是非常熟悉nginx=v=(但是肯定不会帮倒忙233)
          如果菊苣要py的话(脸红)先Email我把=v= mailto:me@hisun.me ,我觉得把QQ直接暴露出来太羞耻了(捂脸)

    1. 国内不北岸没有免费的COS/CDN…QAQ,找个腾讯云学生机自建https的对象存储吧(腾讯云BGP机房全国速度都很好…)

    2. 我的网站已经动静分离了(静态资源在腾讯COS上),有没有感觉速度比以前好了哇= =(等换用HTTPS之后也要头疼了)

        1. = =应该是右下角的那个滚动展示P站每日top50的iframe源网页的问题= =那个网页我放在64mb的VPS上用的是CF的CDN(小内存不敢让直接访问,并行一多估计就跪了),经常出现异常情况,我也不知道怎么回事;
          有空换个地方放把=v=

          1. 对,应该是Pixiv Top50的问题。不知道为什么我这里的网络打开某些用了Cloudflare CDN的网站速度极慢。

发表评论

电子邮件地址不会被公开。 必填项已用*标注