全面加速Wordpress站点：从文章页到管理后台

发布于 — 2021 年 12 月 19 日

影响Wordpress站点访问速度的主要因素

  1. 页面上的图片、视频等媒体文件
  2. 一些较大的布局和外观资源，如字体、css
  3. 站点后台相关资源 上述资源大小普遍较大，当服务器带宽不足时，就会让加载速度明显变长。

文章中用到的服务与插件

服务

  1. 阿里云OSS
  2. 阿里云CDN
  3. 阿里云DCDN

插件

  1. WPJAM BASIC
  2. 超级缓存
  3. WP Admin Boost

优化部署过程

1. 部署全站加速

效果：

  1. 优化一些动态资源的访问速度
  2. 可以隐藏源站IP、并为没有IPv6的源站主机带来IPv6访问功能

过程：

  1. 在现有站点域名之外再新增一个源站域名（多为子域名），确保这两个域名均解析到源主机

    例：Nginx配置文件

    1
2
3
4
5

    server {     
    listen 80;     listen 443 ssl http2;     
    server_name [此处填写主域名（原来的域名，将作为全站加速域名使用）] [此处填写你新增的源站域名];     
    # 添加域名后，请在DNS控制台中添加解析，将其解析至您主机IP     
    index index.php index.html index.htm default.php default.htm default.html;

  2. 进入阿里云全站加速控制台，在“域名管理”中添加和配置全站加速域名 2021-11-04 07-33-36.png

    注意：如果你的源站开启了强制HTTPS，最好在全站加速配置中也全程采用HTTPS，至少要在源站信息处将端口设置为443端口。如果您的HTTPS部署在特殊端口，建议跳过这一步或发工单和客服沟通申请特定端口。

  3. 返回DNS控制台，将主域名（原来的站点域名）的A记录删除或暂停，新增CNAME记录，指向全站加速提供的CNAME 2021-11-04 07-36-42.png

  4. 返回全站加速控制台进行配置

    以图中配置为例，请重点关注红字注明的部分，其余部分可按需开启 2021-11-04 07-41-05.png 2021-11-04 07-44-21.png 2021-11-04 07-46-37.png 2021-11-04 07-47-45.png

    注：在“动静态加速规则-静态路径”中，可以将wp-content等存有静态资源的目录添加上去，具体添加格式可以参考相关页面的帮助文档

  5. 用原来的域名访问你的站点，检测可访问性。

    • 建议访问一次后刷新缓存再次访问，检测有无速度变化。
    • 建议打开F12后再次刷新，在console中检测有无加载异常的资源
    • 如果遇到ERR_TOO_MANY_REDIRECT，一般为回源配置问题，建议检查服务器站点配置中是否同时存在这两个域名的解析，必要时可以将全站加速-回源配置内将回源SNI/回源HOST切换为源站域名尝试。
    • 正常情况下：使用原域名能直接访问站点，且不会发生跳转。ping源域名得到的IP为阿里云DCDN节点IP（可在全站加速-管理工具-IP检测中进行检测)

2. 配置WPJAM Basic和阿里云OSS

效果： 加速公开的网页资源 步骤：

  1. 登录wordpress后台，安装WPJAM Basic插件

  2. 在插件页面启用高级功能

  3. 在WPJAM-优化设置中启用基本的前端加速服务（主要是Gravatar加速和Google字体加速）

  4. 进入阿里云OSS控制台，新建bucket

    2021-11-04 08-03-46.png 此外，服务端加密需选择无

  5. 进入创建的bucket，在基础设置-镜像回源中添加源站信息

    2021-11-04 08-07-21.png

  6. 进入CDN控制台，想一个加速域名（不同于主域名和源站域名），新建一个CDN 填入你起的加速域名，然后在源站信息中填写你的oss域名

    2021-11-04 08-45-30.png

  7. 进入DNS控制台，新建加速域名CNAME记录，将其解析至CDN服务提供的域名。

  8. （建议步骤）在你新建的CDN的设置（管理）中的回源配置-回源HTTP响应头中，增加Access-Control-Allow-Origin响应头，其值设为你的主域名，不允许重复。

    2021-11-04 08-58-34.png

  9. （可选步骤）如果要开启HTTPS，请在HTTPS配置中上传加速域名的HTTPS证书

  10. 在缓存配置-缓存过期时间中设置一个常用缓存过期时间

  11. 回到OSS控制台，在传输管理-域名管理中应该能看到CDN域名详情。

    2021-11-04 09-07-55.png

  12. 回到wordpress站点的WPJAM Basic-CDN加速配置页面，进行配置

    2021-11-04 09-09-29.png 2021-11-04 09-11-02.png 2021-11-04 09-11-25.png

  13. 保存设置

3. 使用WP Admin Boost加速后台

WordPress后台一般开放于权限更高的用户，当然有些WordPress网站后台也会直接对普通用户开放。WordPress后台与前台的不同在于后台是动态的。由于WordPress后台可以对整个网站进行调整，因此后台作为动态页面亦无可厚非。但问题就在于，即便使用了全站CDN，在访问WordPress后台时，为了保证动态访问，所有的js、css等小文件都是根据每次访问而请求一次的。这无疑加剧了网站服务器的开销。 那么有没有办法把一些小文件不再从源服务器请求？当然是有的，但这里要考虑一些问题： 从CDN请求后，小文件能不能随着WordPress的版本更新而即时更新？ 这些小文件对WordPress后台的运行至关重要，CDN是否有被投毒的风险？ ——来源：潘羿《WordPress后台加速 – 使用CDN替代本地小文件》，无主界。（注：该文章作者也是这个插件的作者）

安装插件之后直接启用，然后在插件设置中开启“加速管理后台”即可。

4. 使用超级缓存生成静态缓存页面

  1. 进入wordpress后台插件页面，安装wp super cache（超级缓存）
  2. 在设置-wp super cache中启用缓存功能（启用时若遇到问题，请参照插件提示进行站点配置）
  3. 在WP Super Cache 设置-预缓存中预缓存已发布的文章

优化结果

2021-11-04 09-23-58.png