Google PageSpeed Insights测试满分优化方法

Google PageSpeed Insights是一款由Google开发设计的网站性能测试工具,可帮助您根据最佳优化建议,对网站执行全方位的优化。

我们需要修复的下一个Google PageSpeed Insights建议是优化图片的警告。 前面我们提到为WordPress主题默认的“Hello world!”文章添加了特色图片,才会有这样的提示。

移除阻塞渲染的资源

接着下来,我们需要修复的下一个Google PageSpeed Insights建议是在首次绘制页面中移除阻塞渲染的资源JavaScript和CSS。

我们需要修复的下一个Google PageSpeed Insights建议是减少服务器响应时间警告。 很多时候,这一般是由于服务器响应时间过慢导致,即所使用的主机服务器就那样。因此,我们需要使用缓存插件来加快速度。本次示例采用的是KeyCDN开发的免费插件-Cache Enabler。

截至撰写本文章时,Cache Enabler拥有4万+有效安装,4.5星评分。 它是WordPress的轻量级缓存插件,通过生成静态HTML文件和WebP,提升网站加载速度。 无需任何设置,只需安装启用即可。 此插件与之前使用的Async JavaScript和Autoptimize插件完全兼容。 如果您想要更快的速度,我们建议您还添加高级代码段来绕过PHP以检索由WordPress Cache Enabler插件创建的静态HTML文件。。

再次通过Google PageSpeed Insights运行我们的网站,可以看到Reduce服务器响应时间警告没有了! 桌面设备和移动设备评分均快要到巅峰的99分。至此,是不是要来个击掌?

我们只是在本教程中针对Google PageSpeed Insights进行优化。 事实上,除了上述的要点外我们还可以做更多的事情,以提升网站加载速度:

  • 删除查询字符串
  • 利用CDN加速网站
  • 通过极佳的压缩进一步优化我们的图像
  • 懒加载图片

有机会,我们也可以抽时间对这些要点逐一讲解。

新媒体运营,新媒体代运营,cloudneo

原创文章,作者:超哥,如若转载,请注明出处:https://www.chaoneo.cn/archives/3373.html

0 0 投票
五星评级

如果您觉得超哥分享对您有所帮助的话,记得打赏给我😀

订阅
提醒
guest
0 评论
内联反馈
查看所有评论
QQ客服
加我微信
电话联系
电子邮件
我们将24小时内回复。
取消
0
喜欢你的想法,请评论x
()
x