WordPress开启动静分离优化之后静态资源如何使用又拍云CDN加速

VPS消息15字数 2788阅读模式

大鸟前面说过如何利用Bt(宝塔面板)安装wordpress以及如何开启最简单实用的动静分离优化!什么是动静分离就是静态资源如jss、css、图片这些用一个单独的二级域名和服务器来托管,用这样的方法来把php、数据库这些动态的资源区分开来。这样来优化网站的打开速度和响应时间。如果不太懂的可以看看大鸟的上一篇文章。当然大鸟掐面的文章是只用一台服务器来实现动静分离,我们只要新增绑定一个和主站完全不一样的二级域名,比如大鸟博客主站是 www.daniao.org,而二级域名用的res.daniao.org,并且给这个二级域名套了一层 CDN。WordPress开启动静分离优化之后静态资源如何使用又拍云CDN加速

今天要说的是,我们做好的了动静分离,其实做好了动静分离,会发现网站速度又提升了那么一点点,但是我们还要更快,那要怎么办,当然好办,就是把管理静态资源的二级域名套入到CDN来一个猛加速!我们加入的CDN是又拍云的CDN!不过有点坑的是如果用又拍云,要实名认证,而且还要用一个BA的域名!不过又拍云的实名认证比较简单,因为大鸟看到可以用芝麻信用认证,额这个认证不用呆头鹅一样手持身份证去前面一张,后面一张的搞。不过芝麻信用认证等级要有什么700分啊,反正大鸟的积分是足够的。所以很容易就通过了实名认证。下面看看怎么操作吧!

第一:注册又拍云的账号并实名认证

额,没什么好说的,注册认证吧!认证好之后,我们进入后台,开始添加服务。WordPress开启动静分离优化之后静态资源如何使用又拍云CDN加速

第二:使用又拍云的CDN

我们看到进入后台可以看到有cdn,点击立即使用开始配置!

1、创建服务

我们可以配置cdn,官网会跳出一个指引,不去管它,直接开始创建服务!WordPress开启动静分离优化之后静态资源如何使用又拍云CDN加速

差不多都是默认设置,就按照这个来吧,不要搞错了,如果你是https你就选择https。开启https需要绑定ssl证书,如果你需要https加速你最好在这之前就申请好ssl证书,因为bt(宝塔面板)在你套入cdn之后这个二级域名不好申请Let's Encrypt证书了!但是你可以申请购买别的证书!

2、服务创建成功

WordPress开启动静分离优化之后静态资源如何使用又拍云CDN加速

这里就是这样了,你创建好了就会跳出来一个这样的网页,然后下一步。

第三:开始cdn配置之旅

额,域名要是BA的域名,不过官网审核不给通过,审核很快就是秒审核,没有BA的域名赶紧去BA一个吧,或者去买一个!当然如果BA也是可以用的

1、cname配置

我们看到upaiyun分配了一个三级域名给我们!这时候我们要到域名商处做一个cname解析!比如说upaiyun分配给我们的是这样一个三级域名daniao.b0.aicdn.com ,那我们要把res.daniao.org cname到 daniao.b0.aicdn.com就可以了。大鸟贴一张图给你们看看吧!

WordPress开启动静分离优化之后静态资源如何使用又拍云CDN加速

2、进阶的一些建议

做好了cname我们基本上就可以享受cdn带来的快感了,但是,我们还是要细化下设置,不过也都是很简单的一些配置而已,比如:开启“回源管理”里面的“源站资源迁移”、“性能优化”里的“WebP 自适应”、“页面压缩”,“访问控制”里的“CORS 跨域共享”等等这些,如果是HTTPS的话,还需要在“HTTPS”里开启“HSTS”。

WordPress开启动静分离优化之后静态资源如何使用又拍云CDN加速

1.1回源管理

WordPress开启动静分离优化之后静态资源如何使用又拍云CDN加速

这需要开启可以加快访问速度,提高cdn的命中率!其他默认就可以了,源站设置里的回源协议如果是https的协议则选择https。

1.2缓存控制

这里需要设置的比较多点:浏览器缓存、缓存配置、离线模式都要开启,其他默认!

这里是缓存配置,要增加2条自定义规则!

WordPress开启动静分离优化之后静态资源如何使用又拍云CDN加速

其他的配置看图WordPress开启动静分离优化之后静态资源如何使用又拍云CDN加速

1.3性能优化

这都是默认即可,如果有需要WebP 自适应则可以开启!

1.4HTTPS

HTTPS 配置如果站点是https的则需要配置,也很简单就是把证书上传子又拍云,或者在upaiyun的平台自行申请一个ssl证书.

WordPress开启动静分离优化之后静态资源如何使用又拍云CDN加速

HSTS 配置如果站点是https则需要配置HSTS,HSTS就是强制浏览器访问https的网站,加速访问速度!其他都是默认!WordPress开启动静分离优化之后静态资源如何使用又拍云CDN加速

其他什么TLS 1.3、HTTP/2 都是默认好了。

1.5访问控制

因为只是静态的资源加速,并不是全站加速,所以大鸟这里都是默认,唯一需要注意的是Referer 防盗链,而且又拍云CDN支持多种防盗链,有Referer 防盗链、黑名单、地区限制等。WordPress开启动静分离优化之后静态资源如何使用又拍云CDN加速

这里可以自行设置,大鸟并没有设置。

1.6图片处理

都是默认的设置,大鸟没去研究,就默认吧。WordPress开启动静分离优化之后静态资源如何使用又拍云CDN加速

1.7边缘规则

利用边缘规则(EdgeRules),可以自定义CDN规则。基本的操作就是设置条件,然后执行CDN规则。例如当请求IP或者国家为国内时执行一些列操作,说实话这个貌似很复杂,大鸟也没搞懂,大家需要的话可以自行研究。WordPress开启动静分离优化之后静态资源如何使用又拍云CDN加速

第四:验证是否生效

按照官网的说,我们验证下cname,因 DNS 解析记录都有缓存时间,CNAME 的生效时间一般是 600s,可通过 ping 所配置的加速域名,检验 CNAME 配置是否生效,如果后缀显示为 aicdn.com,则证明 CNAME 配置已生效,即加速业务正式开始启用。如下图所示:

WordPress开启动静分离优化之后静态资源如何使用又拍云CDN加速

大鸟的cname开始是生效了,不过这方法太笨了,我们可以用站长工具里面的ping检测下,会一目了然。然后我们在来通过chrome浏览器看下缓存的有效期是不是7天。看图!

WordPress开启动静分离优化之后静态资源如何使用又拍云CDN加速

Cache-Control:max-age=604800  604800000 毫秒(ms)=7天,额,就这样设置完成了。

 

总结

到这里基本就说完了又拍云的cdn加速,当然今天要说的是把自己的静态资源的二级域名套入到又拍云的CDN,然后大鸟啰里啰嗦的说了一大推!又拍云主要是提供了免费的每月拥有15G的免费HTTPS流量,所以大鸟就去测试了下,反正就是折腾,无折腾不生活。不过又拍云CDN的价格对于个人博客来用的话还是略贵了,尤其是Https请求费用真的不便宜。又拍云推出了好友注册奖励面板,推荐一名好友就可以奖励 30GB 国内 CDN 流量包。

  1. 又拍云 CDN 每月拥有15G的免费HTTPS流量,这对于目前HTTPS普及来说对我们草根站长绝对是个福音,记住是免费的哦!
  2. 不仅有免费的HTTPS流量,对HTTPS的优化支持也是众多 CDN 里少有全面,HSTS、HTTP/2、无损压缩算法 Brotli、动态 TLS Record Size优化这些都有,这可不是普通 CDN 都能提供的哦!记住这也是免费默认开启的哦!
  3. 又拍云 CDN 同时还是一个拥有基本防护和防御能力的免费 CDN,比如:CC防护、WAF防火墙、HTTP 请求体大小限制等等 。
  4. 实用价值很高的“地区访问限制”,根据IP地址来分区域限制,这个在需要的时候绝对是个好东西。
  5. 支持自动化、智能化的“源站资源迁移”,可将源站静态资源无缝迁移到又拍云存储,当客户端下次访问相同的资源时,无需回用户自主源,提升站点载入性能。

其实大鸟想说的是我们把静态资源的二级域名套入到cdn的教程就这么说完了,大家如果喜欢折腾的可以试试看,有问题可以多交流!最后大鸟把又拍云的邀请注册放在这里,如果你注册啊,充值啊,大鸟会有流量奖励:【又拍云邀请注册

weinxin
我的微信
微信公众号
关注大鸟博客公众号
 
大鸟
评论  15  访客  10  作者  5
    • SEO学习博客
      SEO学习博客 0

      一篇实用性非常高的文章,想问下开启动静态分离之前,网站的原有的图片怎么处理,还有之后发布文章图片还是从后台传吗?

        • 大鸟
          大鸟

          @ SEO学习博客 图片还是从后台传,只不过会同步到又拍云!

        • 缙哥哥
          缙哥哥 7

          你做动静态分离了吗?

            • 大鸟
              大鸟

              @ 缙哥哥 我没做,懒得动!

            • 水哥
              水哥 2

              a记录和别名冲突怎么解决的

                • 大鸟
                  大鸟

                  @ 水哥 要先删除掉 A 记录,然后再添加 CNAME 记录就没问题了。

                    • 水哥
                      水哥 2

                      @ 大鸟 不需要做A记录了吗,看你的文章2个都做的

                        • 大鸟
                          大鸟

                          @ 水哥 额,也对哦,我弄的没问题啊,现在有问题了?官方有文档,可以看看设置!

                            • 水哥
                              水哥 2

                              @ 大鸟 用官方的说明,2个都用了别名的形式,终于成功开启,发现ip又回到vps了,ping的时候和用谷歌浏览器查看图地址都是vps的ip,没有使用又拍云,这个不太明白,是一个域名(res.xxx.vom)要分别解析到又拍和vps的反代新建网站吗?我也是照猫画虎,不太明白,望指点一二

                                • 大鸟
                                  大鸟

                                  @ 水哥 你可以加我微信,如果实在不会的话,其实跟着教程走基本能弄出来的。

                        • 江湖人士
                          江湖人士 0

                          我的站放到国外的,想把css,js这些静态资源分离出来,也可以参照你的这个做?

                            • 大鸟
                              大鸟

                              @ 江湖人士 可以的。你可以试试看!但是静态资源最好放在国内。

                            • 绿软吧(lvr8.com)
                              绿软吧(lvr8.com) 2

                              感谢分享

                              • 肖哥
                                肖哥 0

                                我是@xxx.com为主域名 k.xxx.com为二级域名。
                                上一篇文章中第五:网站的静态资源替换为这个新二级域名
                                $domain = ‘\.xxx\.com’; //填写主站域名,小数点前需要加上反斜杠转义
                                $static = ‘k.xxx.com’; //填写二级静态域名
                                请问是否正确还是$domain = ‘@\.xxx\.com’;
                                我有一个疑问这个和用插件配合七牛云不是一样的吗?静态资源直接缓存到七牛云空间。
                                直接给二级域名套CDN为什么不给主域名直接套CDN写入不缓存规则呢,又拍云 七牛云应该都有全自动 动静分离吧。还可以因此VPS IP地址,像这样的话 主域名怎么隐藏IP地址哦 请大佬解答一下!

                                  • 大鸟
                                    大鸟

                                    @ 肖哥 隐藏IP地址还是套上CDN。

                                匿名

                                发表评论

                                匿名网友

                                :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

                                确定