这篇文章主要是教大家怎样测试自己的Shopify店铺加载速度，以及分享提高速度的几个技巧，所有推荐的方法技巧都是秉承我们一向的原则：实用，简单，可操作。

首先科普一下，Shopify是建立在CDN（内容分发网络）上的， 你的店铺所有图片和css，js文件都是存储在CDN上的。当顾客访问你的Shopify店铺时，图片和其他网页资源是Shopify自动从距离访客最近的一个服务器下载的。例如 ，当加州的客户访问你的店铺时，图片不是从Shopify的数据中心芝加哥或华盛顿的服务器下载，而是通过部署在加州的CDN服务器上下载，这样访问速度会大大提升。

CDN功能已经帮您大大减少了店铺优化的工作量，而且它是免费的，每个Shopify店铺默认都在使用这个功能。

现在进入正题！

1. 测试你的店铺

首先，你需要用专业的网页测速工具测试一下你的Shopify店铺首页。

我们推荐使用Google PageSpeed Insights，因为它会给你的网页桌面版以及移动端打分，而且会给出具体的改进方案。

下图就是Google对“https://www.shopify.ca/“ 的桌面端和移动端的测试评分情况，怎么样，是不是很简单好用？

如果你无法使用Google，可以联系我们微信后台，免费帮你做这个测试。

如果你还想做更多测试，我们推荐：

Pingdom 它的好处是可以选择从哪个站点测试，你可以测试店铺用户从全球各地访问时的速度。

WebPageTest 它的好处是提供了一些比较高级的选项，适合专业的网站优化人员操作。

我们这里不多做介绍，不是今天的主题。同样的，如果想知道更多，请联系我们微信后台。

2 什么样的情况需要优化？

把你的Shopify店铺首页网址输入Google PageSpeed Insights，如果你的Google 测试结果低于80分了，那就需要优化。

为啥？因为Shopify的官网也就是只有80多分。哈哈哈，移动端才只有70分（看上面两个图）。

3 优化步骤

Google 测试提供了一大堆修改建议，我们没必要每条建议都照做，应该遵循的原则是，做最少的改动，获得最大的速度提升。

我们推荐了5个最划算的优化技巧。

1. 优化图片

图片的加载通常是最耗费电脑资源的，把这个解决了，网页加载速度能有大幅提升。

我们推荐一个免费的图片优化工具，使用它优化完图片后，建议再进行一次Google 性能测试，对比效果。

图片压缩工具： https://tinyjpg.com/

 

2. 拼接／优化 js 和 css

对每一个js，css，或者图片，浏览器都是需要发送一个HTTP请求到服务器。如果我们能拼接它们，就可以减少服务器请求发送量。

比如将两个js 文件copy paste 放在一个新文件中即可。

也可以使用免费网上工具进行压缩，例如：

js脚本压缩工具：https://jscompress.com/

css压缩工具：http://csscompressor.com/

3. 使用常用字体

Arial，New Times Roman 这样的都是常用字体，它们在任何情况下都能良好支持，比使用生僻的字体加载更快。

4. App 如果太耗费时间，就卸载

在安装Shopify App之前，测试一下首页加载速度，安装之后，再测试一下，如果发现速度下降比较明显，就卸载这个App，找一个替代品。

5. 延缓图片加载

对于首页的所有图片，不是每个图片都立马需要加载。只有当这个图片出现在显示器可见范围内时，才需要加载这个图片。这就是通过延缓图片的加载时间，来提高首页加载速度。

我们推荐工具lazyload：

http://www.appelsiini.net/projects/lazyload