利用浏览器自带F12里的Lighthouse网站分析工具,可以轻松分析你的网站性能,提供详细建议,帮助你优化网站首页,提高性能。
这是我的测试结果,普通人的一般优化结果,个人分享下几个小方法。
1、浏览器按F12,点击网络,清空缓存后,再刷新网站,你会看到你的网站首页加载速度和资源加载时长、总文件大小,以此来得出是哪些资源拖慢了速度,或者带宽不足、资源过多导致下载排队等,CSS加载代码优先放在页面的头部,JavaScript可以后放在页面底部加载。
2、图片压缩:对一些主页缩略图、清晰度要求不高的尽量压缩、或转webp格式,转换网址:https://pixelied.com/convert/jpg-converter/jpg-to-webp。(如果你用的是对象存储、图床,那一般不用压缩也没问题)
3、JS大文件压缩:仔细查看加载项会发现一些JS文件其实是有点大的,比如一个300kb的JS文件,代码压缩后就可以节省至少200kb,5个文件加起来就是减少了1MB的加载大小,对访问速度上是加快不少的。推荐的一个JS压缩在线网站:https://www.toptal.com/developers/javascript-minifier。
4、缓存策略:WP程序请使用专用缓存插件WP Super Cache等、PHP后台开启Memcached扩展等,另外利用插件或代码开启首页的Gzip压缩。
5、服务器位置和网络尽量近、快,避免使用共享IP虚拟主机,有条件的可以开启CDN,也可以达到明显加速效果。
6、尽可能不用首页301跳转、加载转圈等待页面,有些主题程序进入首页后会显示加载等待页面,往往是一个小文件没有加载完,导致一直进不去。
打开Lighthouse分析下你的网站,看看评分吧!