给 WordPress 网站做个 SPA

今天来给网站做个优化，先去 PageSpeed Insights 检查一下网站，看看哪里需要做优化

图片大小优化

1. 给网站本地图片做下大小优化，装个 TinyPNG 插件，注册个账户可以每个月免费优化 500 张图片，可以通过换账户来重复获得500张的额度（不建议😛）。

2. 图片托管到腾讯云对象存储，通过 CDN 加速，减少本地服务器加载时间。 参考教程： WordPress 博客使用腾讯云对象存储 COS 进行静态资源 CDN 加速

使用 Perfmatters 插件来做下优化

• 开启 Remove Unused CSS，选项都默认，不然容易出现布局出错。当 Used CSS Method 选项为 File 时，一定要使用浏览器的无痕模式打开网站，否则布局出错可能会发现不及时。

• 开启 Minify CSS

• 开启 Defer Javascript

• 开启 Minify JavaScript

此选项启用后网站优化后可以说是质的飞跃。

还存在的问题： PageSpeed Insights 移动端测试性能还是很低

将图片从七牛云转移到腾讯云

CDN价格对比

• 腾讯云CDN 0.21
• 七牛云CDN 0.28

对象存储价格

• 腾讯云 0.00393333 元_GB_天
• 七牛云 0.004933333333333 元_GB_天