今天谈一下网站速度优化, 原理, 以及怎么做.
先说一下原则: 网站打开要在保证功能和设计呈现完整的情况下, 越快越好, 但也不用追求极致, 有时候八十几分就够了.
为什么要优化网站速度:
谷歌喜欢网速快的网站
网站速度优化可以提高谷歌的排名和流量。谷歌会根据网站的加载速度和用户体验来评估网站的质量，速度快的网站会得到更高的分数和更好的展示位置.
用户喜欢网速快的网站
网站速度优化可以提高用户的满意度和留存率。用户通常喜欢访问速度快的网站，如果网站加载过慢，用户可能会失去耐心和兴趣，甚至直接离开.
打开速度比较慢的网站会怎么样
先看两个数据:
Hubspot统计, 超过一半的用户只在打开的网站上停留15秒钟
如果网站打开要超过4秒, 40%的人会马上退出去.
加载速度过慢的网站造成了很差的用户体验, 而用户体验也是谷歌衡量你网站质量的指标之一.
从谷歌那边来说, 谷歌的爬虫也会根据网站的加载速度来决定是否经常访问和抓取网站的内容，如果网站加载缓慢，爬虫可能会降低访问频率和深度。
你的新内容可能就很难得到曝光和流量.
怎么测试自己的网站速度
有下面几个方法:
自己体验: 用浏览器的隐私模式, 或者换浏览器打开网站(多测试几个页面), 自己体验一下打开速度.
谷歌家的PageSpeed Insights工具
Pingdom Page Speed Test
GTMetrix
类似的还有不少.
这些工具除了测速以外, 还会告诉你是哪些元素拖累了网站速度, 你可以根据提示做对应的优化.
有些工具还会帮你修改过大的图片到合适的大小, 你下载后再上传到网站上去.
怎么提高网站打开速度
如果我们是用的Wordpress, 那么大部分元素都能控制, 譬如:
挑选速度快的服务器
尽量用大牌还有口碑不错的, 很多用户验证过的服务器品牌, 比如Siteground, WPengine这些, 如果是用Cloudways, 则可以在配置页面自行挑选服务器供应商和服务器位置, 价格越贵越好, 离终端用户距离越近越好.
优化图片大小和格式
有两种方案, 1是在上传之前就优化好图片大小, 2是在上传网站后通过安装插件自动优化.
我长期用的插件是imagify
图片格式最好是Webp格式的, 现在几乎所有的浏览器和服务器都支持这个格式.
安装加速插件
比较有名的加速插件有
WPRocket
Litespeed cache
breeze(Cloudways自带)
Speed Optimizer(siteground自带)
其他类似的还有很多, 功能和原理都大同小异, 感兴趣的可以自行查找测试, 我主要用的就是上面4个, 也基本够用了.
使用轻量一点的网站主题
比较轻量的主题有Astra, divi, Generatepress, Kadence, 最好选用这些主题然后使用它们PRO版本的默认主题和自带编辑器打造自己的站点.
少安装一些插件
原则就是能不装就不装, 能装整合型(通常要付费)的就不装单一功能型的.
如果想知道是哪个插件拖累了网站速度, 还可以使用P3 Plugin Performance Profiler工具来检测一下.
使用CDN
免费的有Cloudflare和Jetpack.
付费的有BunnyCDN,和其他的一大堆.
我用的是BunnyCDN, 便宜且好用.
延迟加载图片和网站功能JS代码
通过上面的加速插件可以设置.
经常更新网站主题和插件
主题和插件未即时更新可能会导致冲突从而导致拖累性能表现.
对于98%的网站来说, 做好上述这些就够了, 够够的了.
重心还是要放在网站的站内内容和站外推广上.
如果有心继续研究, 可以参考RankMath曾经发布过的一篇Wordpress速度优化技术指南, 里面涉及到了非常多的后台代码删除, 调整等, 没技术背景的不容易理解也没必要尝试.
That's it.