WordPress使用又拍云CDN加速,动静分离教程

为了让WordPress网站速度更快,站长们一直在关注速度优化问题。 本文将详细介绍如何使用CDN加速和动静分离方案来提高网站的浏览速度。 在使用又拍云CDN加速和动静分离优化之前,需要先设置网站的静态资源缓存时间。 具体方法请参考《Nginx与Apache设置静态资源缓存》一文,这个设置稍后在CDN配置中会用到。

WordPress使用又拍云CDN加速,动静分离教程

为了让WordPress网站速度更快,站长们一直在关注速度优化问题。

本文将详细介绍如何使用CDN加速和动静分离方案来提高网站的浏览速度。

在使用又拍云CDN加速和动静分离优化之前,需要先设置网站的静态资源缓存时间。

具体方法请参考《Nginx与Apache设置静态资源缓存》一文,这个设置稍后在CDN配置中会用到。

接下来,需要注册一个又拍云账号。通过访问又拍云官网(https://www.upyun.com),注册并通过实名认证,即可获得61元代金券。

安装WP Rocket插件后,就可以开始使用又拍云CDN加速了。

在又拍云控制台中,选择CDN服务,并创建服务,如下图所示:

WordPress使用又拍云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。具体的解析方法不在本文中进行说明。

WordPress使用又拍云CDN加速,动静分离教程

 





以下是又拍云配置CDN服务的指南:

1、设置回源Host

在又拍云的CDN服务管理中,您需要先设置好回源Host。

建议将回源Host设置为您的网站主域名,例如:www.77388.cn。

WordPress使用又拍云CDN加速,动静分离教程

如果您的CDN加速域名已经绑定到了您的网站主机上,那么回源Host可以默认为空。但是请确保您的CDN域名能够有效地访问您的网站静态资源。

2、开启参数跟随与参数顺序识别

WordPress使用又拍云CDN加速,动静分离教程

开启参数跟随后,您无需手动刷新缓存就可以升级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会默认遵循源站的缓存规则。如果您还没有按照前文进行设置,那么您可以参照以下示例进行配置:

WordPress使用又拍云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功能,查看如下图:

WordPress使用又拍云CDN加速,动静分离教程

其中,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域名,并选中套用到所有文件。

WordPress使用又拍云CDN加速,动静分离教程

如果您不想使用WP Rocket插件,可以使用Perfmatters插件进行设置。

 




 

 

请注意,某些主题可能与WP Rocket插件不兼容,此时可以选择使用Perfmatters插件。

WordPress使用又拍云CDN加速,动静分离教程

 

另外WP Super Cache、W3 Total Cache等缓存插件均支持CDN设置功能。

注:WP Rocket插件与Perfmatters插件均可在本站下载最新已激活版。

免责说明

本站资源部分来自网友投稿,如有侵犯你的权益请联系管理员或给邮箱发送邮件PubwinSoft@foxmail.com 我们会第一时间进行审核删除。
站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到评论下载的文章,评论后刷新页面点击对应的蓝字按钮即可跳转到下载页面
本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip,zip、rar解压,建议下载WinRAR

给TA打赏
共{{data.count}}人
人已打赏
WordPress教程

使用WordPress为什么要设计漂亮的主题模板

2023-4-14 9:00:07

WordPress教程

Wordpress提示“正在执行例行维护,请一分钟后回来。”

2023-4-18 8:28:46

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
有新私信 私信列表
搜索