Wordpress作为动态博客的领头羊,如何优化速度一直是建站人关注的热点。由于Wordpress使用动态(PHP)和静态(图片、JS和CSS等)相结合的方式,优化就要分为两个部分,分别针对动态资源和静态资源,动态资源的优化主要是数据库和PHP脚本的缓存,教程本站也出过,见:Redis对象缓存Super Cache

而本教程专注于静态资源的优化,最优解就是对象存储+CDN,对象存储存储静态资源和处理上传的图片,利用WPJAM插件将前台的静态资源全部替换为CDN链接,可以极大提升网站加载速度!

本教程以腾讯云COS(对象存储)+CDN为例,阿里云、又拍云等是一样的操作。

配置对象存储

创建一个存储桶,名字越复杂、越长越好,访问权限选择私有读写

image-20230218231016434

image-20230218231041613

image-20230218231140755

添加回源设置,选择同步回源:

image-20230218231238533

image-20230218231357535

其他设置可以先不设置。

配置CDN

来到CDN控制台,添加一个域名,源站选择COS,配置HTTPS以及跨域

跨域是一个坑,一定要配置,否则你的主题使用的一些字体会无法加载,具体如何配置参见:解决跨域问题

其它安全设置可以参见以往教程,比较复杂,如果你的网站是1ip的小站可以先不配置,不影响正常使用!

image-20230218232136355

配置WPJAM插件

前面几步已经将对象存储+CDN配置好了,下面做的就是要把网站中的静态资源和图片镜像到对象存储中,并替换前台链接,使用户直接从CDN中拿到静态资源。

安装WPJAM插件

插件商城直接搜索即可安装,安装完成启用后需要微信扫码关注公众号拿验证码才能解锁全部功能。

image-20230218232735858

配置WPJAM

image-20230218232912813

云存储选择COS,并填入你的CDN域名:

image-20230218233042670

image-20230218233158037

水印没有的话可以自己制作一个,挺简单的,没有的话不配置也行:

image-20230218233226151

查看是否生效

保存后打开你的网站就能看到效果了。

打开后按下F12,右键刷新选择清除缓存并硬性刷新,控制台选择网络,查看请求网址是否为CDN域名。

image-20230218233909277