让Shopify网站速度达到最优化状态的方法

先看一组购物型网站的调查数据

• 75%以上用户不会在加载速度慢的网站进行复购。
• 60%以上的智能手机用户希望网站的加载速度是在4秒时间内。
• 50%以上的购物者会使用移动设备购物。

从上面的数据可以得出，一个网站的移动端的加载速度快是非常重要的，因为页面速度对用户体验很重要，加载时间较长的页面意味着更高的跳出率和更低的页面停留时长，这导致网站的销售转化很不利。而谷歌官方也强调道，网站速度是对页面排名的重要因素之一。较慢的页面速度意味着谷歌搜索抓取较少的页面，这可能会对索引产生负面影响。

网站速度测试工具推荐

PageSpeed Insights

PageSpeed Insights作为Google官方推荐的测速分析工具，它划分了移动端和桌面端的设备，生成对应的页面速度的得分以及建议，也会对页面得分进行说明。

例如：

• 90分以上：这是个好成绩。
• 50-90分：这是一个平均速度，最好优化网站。
• 最高 50 分：该网站急需改进。

GTmerrix

GTmetrix是一个免费分析工具，它会分析页面速度性能并从A到F对网页进行评分，然后提供优化建议。

网站速度的影响因素

不可控因素

Shopify官方也强调到，客户的设备、网站、地址因素是作为客观因素。由于访问我们店铺的受众会来自全球各地，因此受众使用的网络和设备是不相同的，这些因素也意味着店铺的加载速度过长或减慢。

可控因素

Shopify官方也强调到，店铺的APP应用、模板、图片和视频，以及复杂效率低下的Liquid 代码。

• 图片和视频，过大的图片和视图中隐藏的图片可能会对加载页面中其它更重要的部分造成干扰。
• 模板由 Liquid、HTML、CSS 和 JavaScript 代码组成。编辑或自定义模板时，文件大小可能会增大，并影响商店速度。
• 店铺的APP应用，当添加APP以更改在线商店的功能或外观时，这些应用会在模板中添加代码，这样它们才能运行。可以删除某些代码或将其重新排序，以提高在线商店的性能。
• 复杂或效率低下的 Liquid 代码，重复执行复杂操作可能会增加 Liquid 呈现时间，从而影响整体商店速度。

网站速度优化的指导性建议

压缩图片和视频

Shopify允许我们使用JPG.PMG和GIF等图片格式，而店铺的图片主要以JPG图片为主，因此图像的压缩很重要，也是加快网页的必要条件。我们在上传图片之前，来减小图像的大小。

从Shopify官网上下载网站速度快的主题

事实上，网站存储速度主要取决于网站主题，在主题上，像Prestige，debut，warehouse主题占据的存储空间比较小，因此加载速度会比绝大多数主题快。

PS：还有一点不要使用来路不明的Shopify主题，在去年的时候，我收藏了一些主题去使用，结果我尝试了多个Shopify主题，我的网站加载速度非常慢。

减少app安装数量，删除多余的app

通过shopify下载的大多数app会将一些JS/CSS文件添加到店铺，主要问题是，JS/CSS文件在后台运行，会将网站的速度降低。有的同事之前一个reviews插件使用了3个，我拿去测他的网站速度，非常地拉跨是30，卸载一些不常用的插件后，速度瞬间提到了42。重要提示：用不到的app都删除了，也能提升页面的加载速度。

卸载Sale channel-Messenger

我一个同事使用这个sale channel的 Messenger，用于实现网站跟messenger用户进行在线聊天工具。我当时整体的网站跟它的网站大同小异，我的网站速度在60，而它的网站速度是19。排查之后，卸载Messenger之后，速度直接增加了35。

找专业的人进行网站主题优化

第一种方法，通过推荐的聘请专家，根据需要浏览专家或获得专家帮助。
第二种方法，直接在找人优化，花钱就可以，一般是花费50美金就可以优化网站速度50-60以上，我之前找人合作过。当然如果基础不做好（包括图片，主题，app等），就算是shopify的代码专家也搞不定。

👋 感谢您的观看！