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

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

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

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

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

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

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

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

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

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

同时网页加载速度也会影响 广告（Google Ads，Facebook 广告等）和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已经做了，我们无需处理；