在GTmetrix,PageInsight,Pingdom Tools上面测网站速度,PC端和移动端的跑分如何提高?
Topic summary
讨论围绕网站速度优化的工具和方法展开。
测试工具推荐:
- GTmetrix 是最常用的测速工具,测试后会显示需要优化的具体项目
- 其他工具包括 PageInsight 和 Pingdom
- GTmetrix 评分 B 级表示速度较慢,A 级最佳
核心优化建议:
- 使用官方商店的收费主题是关键(如 Shopify 店铺优化时,有用户推荐 Booster 主题)
- 减少或卸载不必要的第三方 APP 和插件,清理代码残余
- 对所有图片和视频进行压缩优化,控制尺寸大小
- 实现图片懒加载(Lazy-Load),可通过插件实现
- 避免使用第三方资源库,YouTube 视频过长时建议本地化处理
参与者强调优化是系统工程,需要从主题、图片、视频、插件等多方面同步进行。
其实我一般都是用GTmetrix,当你测试完成后,页面会显示你需要进行优化的项目。
当然,你如果是为了优化shopify店铺的速度的话,我觉得买一款收费的主题,才是最关键的。
比如booster,你可以考虑一下,我的一个站用的就是这款,虽然看起来没那么豪华,但是速度上的确杠杠的
你所说的模板是很重要的原因,我建议都使用官方商店的模板。除此之外,商店会随着图片、视频的增多,各种APP的安装变得卡慢。常规速度优化方法包括:
图片、视频的尺寸优化
页面使用lazy-load加载
减少app使用
是的~
优化不仅仅是主题这一个点,图片视频等等都需要同步进行
少装前端第三方插件
请问如何使用Lazy-Loda呢?
懒加载是插件实现最方便了
GTmetrix 评分B,是不是比较慢了?
是的呢 一般A级肯定最好了
@bobzhu 您好
以下是可以优化速度的方案:
- 卸载掉没必要的app,包括加装在代码包里面的残余
- 所有图片加上懒加载,以及压缩图片大小
- 注意视频长度太长的话使用YouTube不用本地
- 减少使用第三方库资源
