优化移动端体验

（1）用PageSpeed Insights 测试移动端网站加载速度 ，根据建议逐项优化，也可以看竞对移动端表现，避免犯同样错误。

（2）PageSpeed Insights 也可以看桌面端网站表现，同样也可以查竞对。

（3）Gtmetrix 可以查看网站总得分，结合Yslow和PageSpeedInsights的数据，提供网站表现报告帮助用户分析网站问题并优化。

（4）Pingdom 可以查询页面大小，页面加载时长，请求数，以及如何优化。

2. 商品页谨慎使用弹窗

弹窗会降低页面加载速度，因为会提前加载商品信息。

可以用一些用户行为追踪工具（Hindsight/Sumo/Hotjar）看用户会不会使用"Quik View"按钮，如果没有就移除。

3. 避免重复代码请求

检查主题代码，看是否有重复liquid。

4. 压缩缩略图大小

首页best sellers会降低页面加载速度，因为图片是从商品详情页拉取的，原图比较大的情况下就会影响页面加载时长。

可以在主题中设置 srcset 或 Lazy Load（一种轻量级脚本通过推迟加载图片，视频等来提高网站加载速度）。

5. 减少首页轮播图数量

尝试只用一张高质清晰的首图，有明显的的行动按钮，快速吸引顾客注意力。

如果一定要用轮播图，控制数量在2-3张，使用srcset 或 Lazy Load。

6. 减少网站插件数量

移除不用的插件，清除之前安装插件遗留的代码，再测试网站速度。

7. 压缩图片大小

上传图片前先压缩，压缩工具可以使用TinyPNG。控制图片数量，比如商品图大概5-7张，不要太多。

8. 减少重定向和无效链接

太多重定向和无效链接会影响网站速度和SEO排名。

相关标签：