速度测试工具

以下几个工具可以免费测试网页速度。 不要只测试首页，别忘了产品页（product page）和类目页（collection page）

1. Google Speed Insight
2. Gtmetrix
3. Pindom
4. Test My Site

注意：以下步骤需要了解 HTML,CSS 和 Javascript 等知识

在开始优化之前，请备份主题！！！

一、压缩图片

Shopify 允许使用以下图片格式

1. JPEG 或 JPG
2. Progressive JPEG
3. PNG
4. GIF
5. Webp

图片压缩非常重要，可以说是影响网页速度最重要的因素之一。在进行图像优化时，请确保图片尺寸正确。不要在单个页面添加太多图片，在压缩图片时，尽量保证图片质量。

压缩图片，有以下两种选择

1. 使用Shopiy图片压缩插件压缩图片
2. 使用在线图片压缩网站压缩图片，然后下载压缩之后的图片并上传。推荐大家使用TinyPng。

二、减少请求

使用 GiftOfSpeed 的HTTP请求检查器工具可以找出您的页面 HTTPS 请求总数。可以通过执行以下操作减少 HTTP 请求

1. 合并内联 CSS
2. 合并所有 JavaScript
3. 减少页面图片的数量
4. 雪碧图
5. 将图像转换为 Base64代码
6. 限制社交按钮的数量
7. 分析 Shopify插件

三、详细操作

Shopify 插件可以帮助我们提升我们的销售额。但是需要注意的是，大多数插件都会拖慢网页加载速度。

但是不建议冒然卸载，而是应该通过以下步骤来优化：

1. 卸载效果不佳或者完全不需要的插件

你可能安装过一些看起来很炫酷，或者别人说很好用的插件。但是你一定得进行 A/B test 来检查它是否真的有用。可以通过 GA ,插件自带的分析工具，客户的反馈，热图等工具来进行分析

1. 检查模板代码中是否有旧的插件代码

如果你已经卸载了插件。那么你的模板代码中很大概率存在没有删除干净的插件代码（很多插件单纯卸载是删不干净的）你可以通过 Chrome 开发者工具打开 Sources 来查看

你可能无法识别每个域名，但是如果你发现了某个域名属于你卸载的插件，那么这个插件就没有删除干净，它依然在加载文件。例如，如果你卸载社交媒体登陆插件 social-login 但是查看的时候依然发现了它的域名，那么就可以判断并没有删除干净。