前言

  • 上一篇幅讲解了本地项目hexo博客部署至github和vercel,部署后访问速度是相对Github来说有提高。

  • 本篇讲解一下《又拍云CDN网页访问速度优化》

  • 使用又拍云CDN服务需要有已经备案的域名和又拍云实名认证。有备案的域名,但是未申请加入又拍云联盟的可以去又拍云官网了解一下,申请加入又拍云联盟

  • 检查你的域名有没有SSL证书,SSL证书有无解析到你的域名下,没有的兄弟若要使用又拍云的服务,建议去又拍云官网申请SSL证书。后续使用又拍云产品时,很多步骤都可以自动识别SSL证书,不需要手动添加,比较方便,也可以将其它平台申请的SSL证书绑定在又拍云服务的哈。

CDN服务

  • 进入又拍云官网,控制台创建CDN服务。(没有账号的同学,自行注册一下)

步骤:控制台——>云产品——>CDN——>创建CDN服务

源站证书校验不要开启

CDN服务配置

绑定加速域名

要是创建CDN服务时,绑定了加速域名的话,这一步可以省略的哈~

加速域名:考虑一下主站还是二级站,主站的话建议使用主域名,二级站建议使用二级域名。二者操作没有区别,就是在域名解析时,注意在域名服务商修改相应的解析的主机记录值即可。

  • 绑定加速域名,添加后等待审核(秒审核)

  • 域名加速域名后,记得去域名服务商解析对应的CNAME值

源站设置

  • 记住:源站地址一定是CNME值,或者服务器公网IP地址

    • 以下是静态博客部署再vercl服务的源站设置

  • 以下是部署在服务器的源站设置

回源host配置

  • 若是项目在服务器,这里就填反代的域名。

部署在vercel的配置

部署在服务器上面的配置

https设置

  • 在又拍云购买的SSL证书,可以选择。若不是在又拍云购买的手动添加即可

HTTP3设置

  • 开启此配置的话,根据此配置前往你的域名供应商解析处,更换相应解析的CNME值即可

  • 开启此配置后,一定要关闭https设置里面的强制访问服务,别不听老人言,你试试就知道那种享受CDN加速然后还花了钱,加载网页反而起了反作用的哈。

验证是否CDN加速成功

  • 完成以上3个主要设置,先验证有没有解析成功,解析成功后在完成后续的操作。

键盘 win +R 键位,打开窗口,输入cmd,出现如下所图信息即配置成功。

can

源站资源迁移

网站一般有upload文件夹或者images文件夹,用来存放静态文件,自行查找,找到后将路径写到资源路径即可。

路径格式

  • 地址需要加斜杠(/)开头噢!,然后末尾加入 “*”号,代表所有的意思,缓存该目录所有文件!

  • 不填路径的话,会将源站所有的静态资源全部迁移

我这里已经用的是又拍云图床,所以没有开启此项配置,对我来说感知不大,用又拍云云存储搭建免费图床,请看:又拍云存储服务搭建

缓存控制

  • 参数跟随:选择全程跟随参数

  • 参数顺序识别、分段缓存:开启

性能优化

  • 智能压缩:推荐:一级、二级

  • 302调度和重定向跟随

    • 静态网址啥也没设置所以我这里都开启了,另1个未截上图的哈

  • 加速区域

    • 我选择的是全球加速的哈

HTTPS

若开启此功能按照提示,去域名供应商更换相应的CNAME值即可

访问控制

  • 只需要开启CC防护以及IP限制即可,可参考我的开启一下,也可以点击下方Help了解一下,自行配置。

  • 我这里用的默认配置

成本控制

  • 推荐开启前2个即可

其余功能

  • 如图片处理、边缘规则博主还在研究中,没有讲到的功能,可以看下文字描述,自己选择是否需要开启的哈~

服务器使用CDN反向加速

这章节是博主的翻车经理了哈~~~,不要笑翻车很正常!

其实没有这个章节的,但是给服务器使用CDN加速和防护时翻车了,经过又拍云官方和腾讯云域名商检测都没检测出问题,博客主题配置都ok啦。

附图吐槽一下腾讯客服的哈,还是又拍云客服服务好

问题

我进行了如上设置,但是我的博客 blog.yumobai.cn 页面加载还是缓慢,于是我检查了一下配置,发现配置无误,且联系又拍云客服检测了一下,确实享受到了CDN服务,也配置没啥问题。

解决

因为本站blog是部署在服务器上面的,使用又拍云CDN最大一部分原因是想防护一下,但是影响网页的加载速度起到了反效果,所以就翻车了,但后来解决了。

解决办法

  • 域名下面负载均衡太多,清理没有必要的二级域名和解析

  • 创建CDN服务时选择动态内容

缓存配置

创建CDN服务时选择动态内容,缓存控制缓存配置打开,将图片和视频向前移即可。缓存时间设置短点,若过长的话需要每次更新内容后,手动刷新一下URL:点击手动刷新URL。

总结

  • 本教程长期更新,有新的功能博主会去研究一下,然后会更在其余功能章节,感谢各位友友支持

  • 本教程有不妥之处还望及时指正,有不明白之处也可网站首页添加我的微信,交流的哈~

  • 又拍云CDN对静、动态态博客加速效果还是可观的哈,还有一定的防护作用~~~~

  • 免费服务器防护(不会安装,或者安装有问题的联系我即可):长亭雷池 WAF 社区版 (chaitin.cn)