最近一位客户拿着他的网站的谷歌测速评分截图来找我,网站手机端评分只有18分,桌面端也只有40分,令人惊讶。作为使用Turbo主题的店铺,这个结果让我很困惑。

我自己又测试了一遍,确实如此。看来行业中也并非所有店铺都能获得高分,一些极简的店铺反而得分更高。经过进一步分析和测试,我为客户提出了以下四点优化建议:

1. 布局优化

客户的网站首页设计比较复杂,包括多个大尺寸的轮播图和产品列表,这无疑增加了页面的资源加载量和请求数。我建议精简首页的布局和展示内容,尽量减少大图片的使用,以提升加载速度。

2. 图片优化

图片优化包括三个方面:文件大小、像素尺寸和压缩范围。对于文件大小,可以使用tinypng.com或compressior.io等工具进行无损压缩;对于像素尺寸,可以参考主题文档中的建议;对于压缩范围,除了产品图片,还要注意其他如弹窗、logo等图片的优化。

3. App优化

在卸载无用的App时,要确保彻底清理干净,否则可能会残留一些代码影响页面加载。可以通过查看页面源代码的方式检查是否完全卸载干净。

4. 首页产品评论

产品页面上显示的评论星星会增加页面的DOM节点数量,进而影响加载速度。可以采取折中的方式,仅在有评论的产品上显示星星评分。

总的来说,网站优化并非一蹴而就,需要从多个角度入手,持续优化。同时也要注意,数据指标的变化可能受到多方面因素的影响,因此要结合用户的实际体验来评判优化效果。