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

为了让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插件。