如何给shopify网店提高pagespeed分数
很多shopify店主为了能够给用户更好的体验,尤其是移动端,往往会借鉴pagespeed 的分数,来衡量自己的网站是否对于移动端的用户合理。面对pagespeed打出的低分,都会想尽办法去调高分数,那么接下来就给大家讲讲shopify哪些地方的优化可以提高pagespeed分数。如何查询你的网站pagespeed分数呢?
首先你可以在google搜索pagespeed,然后在输入网址,我们以https://hardell.com/为例,点击分析,等待一段时间,可能需要3分钟,也许更长,你就可以看到你的网站在PAGESPEED的分数啦。
如何提高shopify网站的pagespeed分数呢?
1、图片的格式
因为如今的网店涉及到很多产品的图片,或者一些辅助图片,这个就导致一个页面有很多图片,其实图片的格式不仅仅影响展示的样式,还影响图片的大小,同等图片的展示,PNG最大,WEBP最小。
webp>jpg>png>gif
2、JS的数量
其实JS的数量对于网页的加载也有很大的影响,尤其是谷歌GA 的js,很多店主由于重复添加谷歌GA的js导致网页加载速度变慢,网页容量很大,从而无形之中就拉低了sppedpage的数据。所以一定要精简JS的数量,代码一定规范,这也有助于你后期的维护,不是吗?
3,减少视频甚至杜绝视频
视频的容量太大了,短短几秒就需要几兆甚至几十兆,这些足够放置十几张甚至几十张图片了,但是有时候为了更好的介绍产品,视频由不得不需要,这时候你就需要注意视频的尺寸,帧率以及各式了,因为不同的格式视频的大小不同,但是一定要是shopiyf支持的视频格式。
最后在提醒你一句,不能因噎废食,本末倒置,为了追求pagespeed那点虚无缥缈的分数,而忘记了用户体验,毕竟我们最终的目的是卖出去产品。
让我们下次再见吧!!!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架