Shopify 独立站速度优化该从何入手？PageSpeed 100分的案例分享

相信大家对网站速度的重要性非常清楚， 国外的一调查机构得出的数据：

在客户期望和网站性能方面：

1.79％对网站性能“不满意”的客户不太可能再次从该网站购买

2.64％的移动端手机用户希望网站在4秒或更短时间内加载

3.47％的在线购物者希望网页在两秒或更短的时间内加载

更令人吃惊的是电子商务中的差异：

1.如果一个网站每天赚10万美元，一秒钟的改进每天额外增加7,000美元

2.加载时间延迟一秒通常等于浏览量损失11％

3.一秒钟的延迟也意味着转换总体下降7％

同时网页加载速度也会影响 广告（Google Ads，Facebook 广告等）和SEO 效果；

其中着陆页的影响应速度是 Google质量评分里非常重要的一点，较低的 Google质量得分如果要获得相应的排名和点击的话就得花费更高的CPC;有的质量得分太低的就算是出价很高也会不有好的排名，具体可看公从号分享的文章：广告出价最高但排名确不在第一位?

对于SEO：

1、谷歌早在2018年7月份就已经正式宣布网站速度是作为搜索排名的一项重要因素，特别是移动端的搜索，具体可看公从号分享的文章：Google 宣布页面速度影响网站排名

2、对于大型站点，网站速度会严重影响Google  蜘蛛对网站的抓取，进而影响索引和排名；可以查看以前关于大型站点的速度优化案例：网站响应速度对SEO的影响分析

所以，网站的速度优化是整个优化过程中最重要的一环;

那么Shopify独立站的速度该如何优化，该从哪里入手呢？个人对 Shopify的速度优化流程总结主要分为三步：

1.利用工具检测，并确定网站的速度是否达标；

2.定位哪些问题影响了速度；

3.根据问题逐个解决，并一一测试；

今天主要分享的是如何检测及定位影响网站速度的因素：

首先可以用如下3种比较常用工具检测速度评分

     1.https://tools.pingdom.com/

     2.https://gtmetrix.com/

     3.Google PageSpeed

注：每个工具的标准不一样，分数只能作为一个参考，优化到一定程度基本上会出现某些工具检测分值很高，另一两个工具分值很低；所以建议3个一起用，然后有征对性的优化。

我们做独立站会比较重视Google SEO 效果，同时都会投Google 广告；其中不管是Shopping还是搜索广告，Google 都会根据PageSpeed 的分值进行质量得分参考。所以建议多征对 Google PageSpeed 数据进行优化（但这个是相对最难的）；

当然最后还是要看GA的用户真实访问数据，有些时候检测的数据与真实数据还是有很大差别的；

下面看一组真实数据，不同工具优化前后的案例：

根据 PingDom 分析和优化后的结果：

根据Gtmetrix 分析和优化后的结果：

最后是一组GA和PageSpeed 的数据：

如果大家认真看的话，应该已经知道影响Shopify 网站速度的因素了：

1.页面的大小（Page Size):因为Shopify 集成了很多功能，同时大学也会调很多插件，所以无形中增加了网站的Page Size ;

2.Requests:页面的请求过多各种 js,css,图片等，有些页面请求很多，同时文件如果大的话对速度影响是非常大的；

3.未设置缓存、错误请求导致加载堵塞；

所以要优化Shopify 网站速度的方法主要有以下几种：

1.降低页面大小

2.减少页面请求数量；

3.降低外部调用文件的的大小（js,css,img);

4.减少错误请求数量，例如：

当然Pagespeed 里会提示 CDN，GZIP压缩这些因为Shopify已经做了，我们无需处理；

至于 每种方法该如何操作，后面有时间进行系列的操作分享；急需了解的可以加微信（shbqiu) 私聊沟通；

内容涉及的其它相关文章：

广告出价最高但排名确不在第一位?

Google 宣布页面速度影响网站排名

网站响应速度对SEO的影响分析

Shopify 独立站功能和营销的核心插件推荐