为了让WordPress网站速度更快,站长们一直在关注速度优化问题。
本文将详细介绍如何使用CDN加速和动静分离方案来提高网站的浏览速度。
在使用又拍云CDN加速和动静分离优化之前,需要先设置网站的静态资源缓存时间。
具体方法请参考《Nginx与Apache设置静态资源缓存》一文,这个设置稍后在CDN配置中会用到。
接下来,需要注册一个又拍云账号。通过访问又拍云官网(https://www.upyun.com),注册并通过实名认证,即可获得61元代金券。
安装WP Rocket插件后,就可以开始使用又拍云CDN加速了。
在又拍云控制台中,选择CDN服务,并创建服务,如下图所示:
功能说明:
- 服务名称:唯一标识服务,例如:77388-cdn,一个服务下面可以绑定多个自有域名。
加速域名:填写此次需要配置的加速域名。
应用场景:可选项包括网页图片、文件下载、音视频点播、动态内容、全站加速,阐述如下:(本文介绍的是动静分离方案,所以选择网页图片类型)
网页图片:适用于电商类、网站类、游戏图片类静态小文件等业务。
文件下载:适用于游戏安装包、音视频原文件下载、手机固件分发等业务。
音视频点播:适合音、视频文件较多的在线点播业务。
动态内容:适合 PHP、JSP、ASP 等动态类资源较多的业务。
全站加速:适合动、静态内容未做明确区分的业务,又拍云自动实现动静分离。
回源配置:CDN 有三种回源方式,分别为HTTP 回源、HTTPS 回源、协议跟随。如果源站采用了HTTPS协议,建议选择HTTPS 回源。
HTTP 回源:默认采用 HTTP 协议回源,此时回源地址的端口号默认为 80。
HTTPS 回源:也可以选择 HTTPS 协议回源,选择 HTTPS 协议回源时,端口号会变为 443 端口。
协议跟随:当启用该特性时,回源协议始终会和客户端访问 CDN 的协议保持一致,即客户端用 HTTP 协议访问 CDN,那么 CDN 回源时也会用 HTTP 协议进行回源,同样,若采用 HTTPS 访问,那么回源也是 HTTPS。
源站证书校验:表示回源会校验源站 SSL 证书的合法性,会校验证书是否过期、证书域名是否匹配、是否是自签名证书,如果校验不通过,则会拒绝访问,这样极大的保障了回源安全性。如果考虑回源速率,可以关闭证书校验。
线路配置:线路配置包括回源地址、端口号、主备线路、轮询权重、最大失败次数、静默时间等高级设置。其中回源地址则表示源站实际可访问的网络地址,可填 IP 地址或域名,如果是域名地址,那么 CDN 在回源时会对该域名地址进行 DNS 解析,然后针对解析出来的 IP 地址进行访问,因此若解析失败将会导致回源异常。
点击创建后,系统会提示您进行CDN加速域名的CNAME解析。
以本文为例,您需要将cdn.77388.com解析为77388-cdn.b0.aicdn.com。具体的解析方法不在本文中进行说明。
以下是又拍云配置CDN服务的指南:
1、设置回源Host
在又拍云的CDN服务管理中,您需要先设置好回源Host。
建议将回源Host设置为您的网站主域名,例如:www.77388.cn。
如果您的CDN加速域名已经绑定到了您的网站主机上,那么回源Host可以默认为空。但是请确保您的CDN域名能够有效地访问您的网站静态资源。
2、开启参数跟随与参数顺序识别
开启参数跟随后,您无需手动刷新缓存就可以升级WordPress程序或插件/主题。
例如,/wp-includes/js/jquery/jquery.min.js?ver=3.5.1和https://cdn.77388.cn/wp-includes/js/jquery/jquery.min.js?ver=3.6.0虽然都是jquery.min.js文件,但是在CDN中开启参数跟随后,缓存的是两个版本。
3、开启浏览器缓存并设置浏览器缓存规则
您需要将所有需要缓存的静态资源文件的扩展名填入资源路径中。例如:/*.(png,jpg,gif,bmp,WebP,css,js)
4、缓存配置
如果您已经在准备工作阶段设置了网站的静态资源缓存时间,那么在这里就不需要再进行设置了。
如果您还没有设置缓存过期规则,CDN会默认遵循源站的缓存规则。如果您还没有按照前文进行设置,那么您可以参照以下示例进行配置:
5、HTTPS配置
又拍云提供了HTTPS配置,您可以上传自己的证书,或者使用又拍云提供的免费/收费证书。
我们强烈推荐使用又拍云自动续签的Let's Encrypt DV SSL证书,它完全免费且自动续期。
完成以上设置后,CDN配置就完成了。您可以通过CDN加速域名在浏览器中访问某个静态资源文件,以测试配置是否正确。
例如,您可以访问https://cdn.77388.cn/wp-includes/css/dashicons.min.css?ver=5.7.2,并打开F12功能,查看如下图:
其中,cache-control: max-age=31536000表示浏览器缓存过期时间为一年;x-cache-lookup: Cache Hit表示CDN缓存命中。
如果出现Cache Miss,则表示CDN缓存未命中,您可以等待几分钟后刷新重试。
如果一直未命中,则可能是配置出了问题,需要进行排查。
为了通过CDN加速WordPress的静态资源文件,您可以使用WP Rocket插件或Perfmatters插件进行设置。
如果您选择使用WP Rocket插件,可以在CDN选项中启用CDN,并在CDN CNAME中填入配置好的CDN域名,并选中套用到所有文件。
如果您不想使用WP Rocket插件,可以使用Perfmatters插件进行设置。
请注意,某些主题可能与WP Rocket插件不兼容,此时可以选择使用Perfmatters插件。
另外WP Super Cache、W3 Total Cache等缓存插件均支持CDN设置功能。
注:WP Rocket插件与Perfmatters插件均可在本站下载最新已激活版。
本站资源部分来自网友投稿,如有侵犯你的权益请联系管理员或给邮箱发送邮件PubwinSoft@foxmail.com 我们会第一时间进行审核删除。
站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!
如果遇到评论可下载的文章,评论后刷新页面点击“对应的蓝字按钮”即可跳转到下载页面!
本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip,zip、rar解压,建议下载WinRAR。
温馨提示:本站部分付费下载资源收取的费用为资源收集整理费用,并非资源费用,不对下载的资源提供任何技术支持及售后服务。