Shopify 商店的最佳提速技巧

已发表: 2022-10-08

页面加载时间从未如此重要。 用户越来越多地放弃网站，页面加载所需的每一秒。 这对于 Shopify 商店和任何其他网站一样。

Shopify 商店正在崛起。 2017 年第二季度，Shopify 商店的总收入增至 1.517 亿美元。这比 2016 年第二季度增长了 75%。

人们纷纷转向 Shopify 商店寻求电子商务解决方案。 这与 Shopify 商店使用和设置的容易程度有很大关系。

Shopify 商店的设置非常简单快捷，许多企业主和企业家在没有太多的商业或技术培训的情况下潜入。 然而，发展业务需要与成为 Web 开发人员截然不同的思维方式。

您需要两者兼而有之，才能充分利用您的 Shopify 商店。 我们将帮助您的 Shopify 商店以闪电般的速度加载我们的指南，以提高您的 Shopify 商店的加载时间！

The Best Speed Boosting Tips for Shopify Stores Shopify 商店页面加载时间指南

首先，我们将了解您为什么应该考虑将 Shopify 商店用于您的电子商务解决方案。 市场上有很多电子商务解决方案。 在开始优化您的网站之前，您需要确保 Shopify 商店最适合您的需求。

为什么选择 Shopify？

了解哪些电子商务解决方案适合您在很大程度上归结为个人喜好和品味。 没有“开箱即用”的电子商务。 这完全取决于您的特定需求。

尽管如此，Shopify 商店仍然是新老企业主的普遍喜爱，这还是有一些原因的。

Shopify 商店既便宜又容易

Shopify是启动和运行电子商务业务的最快方法之一。 Shopify 商店不需要额外的托管或服务器费用。 它们也不需要太多的编程知识即可完全发挥作用。

Shopify 商店让您专注于运营您的电子商务网站，而不是成为一名全职网络开发人员。

Shopify 完全可定制

Shopify 商店几乎与拥有自己的网络域一样灵活。 对于仍然不熟悉网页设计和开发的人来说，它们更加灵活。

Shopify 主题商店为您的 Shopify 商店提供了广泛的自定义主题。 有广泛的自定义主题选项，价格从免费到数百美元不等。

对于那些对编码更熟悉的人来说，通常可以修改自定义主题以满足您网站的需求。

Shopify 可以为其他网站提供支持

Shopify 是一个电子商务引擎。 与其他电子商务解决方案一样，Shopify 可用于处理任何网站的业务方面，前提是您可以访问源代码。

Shopify 的所有组件均由一家公司设计，因此零件往往可以互换。 将 Apple 视为模块化软件如何协同工作的示例。 由 Shopify 提供支持的站点可以轻松同步到每个站点，因此不会在随机播放中丢失任何内容。

Shopify 对 SEO 友好

搜索引擎优化和搜索引擎营销总是在变化。 谷歌更新与电影系列的续集一样速度与激情。 如果您不小心，SEO 事故也可能比东京漂移更危险。

Shopify 商店针对 SEO 优化内容的一些领域包括：

• 元标题

• 页面标题

• 网站地图

• 可自定义的 URL

• 301 重定向页面

• 机器人.txt

Shopify 商店会跟踪最新的 SEO 更新，因此您不必这样做。 遵循当前的 SEO 最佳实践，它们使在搜索引擎中排名变得容易。

24/7 技术支持

时间就是金钱。 这意味着浪费时间就是浪费金钱。 您的网站的每一秒都是您可以赚钱的时刻。

Shopify 商店体验到持续技术支持的好处。 如果您的网站在半夜出现故障，有人可以帮助您尽快轻松地重新上线。

现在我们已经了解了您应该考虑 Shopify 商店以满足您的电子商务需求的一些原因，让我们学习如何使它们尽快加载。

如何加快 Shopify 页面加载时间

页面加载时间每增加一秒就会增加跳出率。 将页面加载时间从 1 秒增加到 3 秒会使跳出率提高 32%。 页面加载时间从 1 秒增加到 5 秒，跳出率提高了惊人的 90%。

以下是一些加快 Shopify 商店速度的方法。

进行现场评估

谷歌越来越强调页面加载时间作为他们的 SEO 指标之一。 Google 的PageSpeed Insights Tool是开始了解您的 Shopify 在 Google 当前要求下的票价的好地方。

Google 分析加载时间性能的一些领域包括：

• 图像优化

• CSS 样式表

• JavaScript

• 重定向

• 浏览器缓存

• Gzip 压缩

PageSpeed Insights Tool 分析移动版和桌面版网站。 这是一个很好的起点，可以了解您的 Shopify 网站如何向您的客户展示。

Google 还推荐了另一个免费工具Test My Site 。 您永远不会对 Shopify 商店有太多见解！

当然，洞察力只有在可操作和可理解的情况下才有用。 GtMetrix 是另一种分析商店页面加载时间的免费资源。 您的网站会获得从 A 到 F 的分级结果。即使是幼儿园的孩子也能理解这些指标！

使用加速的移动页面优化移动设备

在页面加载时间方面，移动用户比桌面浏览器要求更高。 与台式机相比，Shopify 在移动设备上的加载时间可能更长，从而形成了一个糟糕的反馈周期，可能会失去您的受众。

51% 的网站跳出率往往来自移动设备。 这比台式机和平板电脑都要高。 更有理由实施加速移动页面 (AMP)。 AMPs 是一种数字框架，旨在加快移动页面的加载时间。

Shopify 在过去一年中取得了长足的进步，为电子商务体验提供了宝贵的 AMP。 评价最高的解决方案是 Shop Sheriff 的 AMP，它拥有慷慨的免费计划，可让您免费 AMP 商店中的每件产品。

AMP 应用程序还提供了一些与电子商务特定功能的显着集成，包括产品评论、“立即购买”按钮或“粘性”添加到购物车选项，以获得更像应用程序的感觉。 AMP by Shop Sheriff 的模板定制器可让您实时预览 AMP 页面的更改，从而相对轻松地调整和编辑 AMP 模板以匹配您的品牌。

另一种流行的解决方案是 FireAMP，它可以按固定费率安装。 这两个应用程序都有免费试用版和一个简单的开/关开关，可以为您的电子商务网站激活或停用 AMP，因此您可以确保在对您的商店进行任何更改之前对您的 AMP 页面感到满意。

这两款免费应用都在 Shopify 的应用商店中获得了四星评级。 如果您想要更实用的方法来优化您的 Shopify 移动商店， Shopify 的 API可供 Web 和应用程序开发人员使用。

压缩图像

Shopify 支持多种图像文件格式。

Shopify 支持的图像文件格式包括：

• JPG
• 渐进式 JPG
• PNG
• 动图

图像优化是加快 Spotify 商店页面加载时间的最简单方法之一。 另外，请记住不要在特定页面上显示太多图像。

有多种方法可以优化 Shopify 商店中的图像。 TinyPng.com是一种用于优化 .png 和 .jpg 文件的免费网络资源。 它可以将您网站的带宽减少多达 71%。

但是，TinyPng.com 可能会导致图像质量下降。 Crush.pics是一款免费应用程序，可让您在不牺牲图像质量的情况下优化图像。

ImageOptimizer是另一个出色的应用程序，可以优化图像而不会降低质量。 每月支付少量费用即可使用。

使用有效的主题

并非每个网站都需要所有可以想象的花里胡哨。 如果您希望托管一个简单、准系统的电子商务网站，一个简单的 Shopify 主题应该可以满足您的需求。

选择 Shopify 主题时，请注意页面加载时间和响应速度。 确保检查最新版本。 更新到最新版本后，请务必查看实时预览以查看其实时外观。

将应用程序保持在最低限度

您从 Shopify 应用商店下载的每个应用都会向您的 Shopify 商店添加一些 JavaScript/CSS 脚本。 即使您不使用该应用程序，此脚本也会保留。 这会显着减慢您的页面加载时间。

将您将要使用的应用程序限制在最低限度。 除此之外，请务必不时查看您的应用列表。 删除您不再使用的所有应用程序。 这也应该删除多余的代码。

减少 HTML 请求的数量

GiftOfSpeed 的HTTP 请求检查器工具会分析您的网站发出的 HTTP 请求数。 每个 HTTP 请求都会减慢您的页面加载时间。

减少 HTTP 请求的一些方法包括：

• 结合 CSS 并确保它们都内联

• 整合所有 JavaScript

• 确保 JavaScript 是内联的

• 尽量减少设计图像

• 制作 CSS 图像的精灵

• 将图像转换为 Base64

• 减少社交分享按钮的数量

检查重定向和断开的链接

重定向和断开的链接会对您的页面加载时间产生巨大的负面影响。 有许多工具可用于检查重定向和断开的链接。

检查重定向：

1. 转到您的 Shopify 管理员帐户

2. 转到在线商店 > 管理员

3. 点击 URL 重定向

4. 单击添加 URL 重定向以添加重定向

损坏的链接对页面加载时间的影响更大。 Broken Link Checker是一个免费的网络资源，用于检查对 SEO 产生负面影响的断开链接。 Xenu是另一种免费资源，可用于评估 Shopify 网站上的损坏链接。

使用 Google 跟踪代码管理器跟踪您的跟踪代码

通常，每个分析站点都有自己的跟踪代码。 这可能意味着 Google Analytics、AdWords 和再营销代码的单独代码。 随着时间的推移，这可能会减慢您的页面加载时间。

谷歌标签管理器将您的所有标签保存在一个地方。 Google Tag Manager 可以轻松管理您的 Shopify 商店。

使用英雄布局代替滑块

滑块也会对您网站的带宽造成相当大的压力。 网站管理员倾向于为每个滑块添加 5 到 6 张高质量图片。 这可能会严重影响您的 Shopify 商店。

虽然滑块在几年前很流行，但最近出现了一些反弹。 许多网络开发人员建议远离它们。

大约只有 1% 的用户点击滑块。 滑块也往往会惹恼用户。 作为最后一个缺点，滑块对 SEO 有负面影响。

与滑块相比，具有单个图像和号召性用语的Hero 布局对于页面加载时间要好得多。 Dropbox 是一个使用 Hero 布局的网站示例。

Hero 布局是一个横幅图像，通常放置在网站的首页。 这是访问者访问您的 Shopify 商店时首先看到的内容。 英雄布局通常包含网站最重要的细节。

每次更改后检查您的网站速度

在对您的网站进行重大更改后，最好运行 PageSpeed 分析。 您将了解什么有效，什么无效。 这将有助于改进您的 Web 开发，因此您不会浪费任何时间或资源。

如果您想要真正细致的洞察力，请在每次更改后运行 PageSpeed 分析。 这将使您了解每个更改如何影响您的页面加载时间。 它还将让您了解需要关注的指标，因此您可以继续确保 Shopify 商店尽快加载。

Shopify 是一个功能强大的电子商务解决方案，适用于希望以最少的努力启动和运行其网站的人们。 请遵循这些提示，以确保您的 Shopify 网站以最佳速度运行，这样您的客户就可以购物和浏览而无需跳槽！

想知道您的网站如何衡量吗？

经营基于网络的业务可能具有很强的竞争力。

幸运的是，数字营销人员的工具和资源比历史上任何时候都要多。

立即联系我们安排营销审查，让您的数字业务进入快车道！