如何加速 Shopify 网站？

已发表: 2021-08-16

在 Shopify 上成功开展业务可能是一项艰巨的任务。有许多方面需要注意，其中大部分都需要您的时间、注意力和专业知识。

需要注意的方面之一是您商店的速度。 在本文中，我们将向您展示如何加快 Shopify 商店的速度以提高转化率并让您的客户满意。

什么是页面速度？

页面速度被定义为用户浏览器完全呈现 HTML 网页所需的时间。 这包括网页的所有内容，包括图像和脚本。重要的是要了解页面速度指标是针对特定页面的，而不是整个网站。

快速商店很重要，因为它会影响潜在客户的用户体验。 事实上，速度较慢的网站具有较高的跳出率和较低的转化率。

缓慢的网站对企业来说是一个严重的问题。这是因为它们会导致客户的不满，而且没有人希望他们的业务与这种负面情绪相关联。

有许多在线工具可供您使用，它们可让您估算网站上任何页面加载所需的时间。 然后，您可以查看页面加载中存在瓶颈的位置，并决定可以采取哪些措施来改进它。

压缩您在站点上使用的任何图像以减小图像文件的大小。 但是，请确保不要过度压缩它们，因为这会降低它们的质量并影响加载时间。您可以使用 Adobe Photoshop、TinyPNG 或任何其他照片编辑软件来压缩图像。

使您的图像尺寸正确也很重要。如果它们太大，那么它们将需要更长的时间来加载和显示在您的页面上。如果您只需要 100 x 100 的缩略图，则无需上传 5000 x 5000 的图像。

说到大，请查看我们关于如何加快 BigCommerce 网站速度的帖子！

我们可以减少加载时间的一种方法是使用浏览器的缓存功能，该功能将网页副本存储在本地，而不是每次需要时都下载它们。 这意味着如果您多次访问同一个页面，您的浏览器将从其缓存中加载它，而不是重新下载它。

AMP（Accelerated Mobile Pages）是一个相对较新的开源项目，旨在使用 HTML 编写的内容创建快速、轻松的移动网络浏览。 实施 AMP 可以加速您的 Shopify 网站，并使客户更快地找到他们正在寻找的产品！

减少与服务器的往返次数的一个好方法是将多个文件合并为一个。 如果所有这些文件都是相关的，那么这应该可以节省很多带宽和时间！你看，浏览器只需发出一个请求就可以减少加载时间。

内容交付网络 (CDN)，如 Cloudflare，获取内容并在世界各地的服务器之间复制它以加快加载速度。 当用户请求加载您的网页时，CDN 会将他们重定向到地理位置最接近他们的服务器，这样可以节省时间，因为他们可以更快地下载您的页面。

当页面在您的 Shopify 网站上加载缓慢时，您可能需要查看网站构建方式的一些技术方面。 页面加载速度缓慢的一个常见问题可归因于代码膨胀。

当开发人员在他们的代码中包含不必要的行或文件时，就会发生代码膨胀，这会减慢不需要所有这些功能的访问者的页面加载时间！幸运的是，有像 YUI Compressor 或 CleanCSS 这样的工具，它们有助于从您的网页中删除此类额外代码，使它们更轻、更快。

主题是您网站的基础，它可以成就或破坏业务。大多数人在为他们的网站选择主题时并不关心速度，因为美学对他们来说比其他任何事情都重要。但是，如果您希望在线业务取得成功，那么您需要快速加载页面。

当您在 Shopify 上经营商店时，您使用的主题很可能会拖慢您的网站速度。 发生这种情况的主要原因有两个：主题的设计没有考虑到速度，或者主题的代码优化不当，涉及到不必要的文件。

为避免此问题，请务必使用速度处于其哲学前沿的编码人员的主题。同样重要的是要注意，并非所有主题都适用于台式机和智能手机。因此，花一些时间寻找适用于任何设备的响应式 Shopify 主题！

每次访问页面时都会下载 Web 字体，这会增加加载时间。 幸运的是，我们可以通过缓存网络字体来解决这个问题，这会将字体存储在浏览器的缓存中，这样就不必每次访问页面时都下载它。

PageSpeed Insights 工具是查看 Shopify 网站哪些方面需要改进的完美方式。 这个方便的工具会为您的页面优化程度和速度打分。该网站甚至从 0（未优化）到 100（完美优化）对您的页面进行排名！

您的 Shopify 网站和用户浏览器之间的干扰会导致加载时间变慢。 例如，当许多重定向或链接无法通向您网站上的某个页面时，就会发生这种情况，这使得访问者难以找到他们正在寻找的内容。

你知道你商店里的图片滑块吗？ 是的，它对加快您网站的加载时间没有多大作用。 这是因为图像一张一张地加载，如果幻灯片中有很多幻灯片，这可能是一个漫长的过程！如果你想保留你的滑块，那么至少使用延迟加载或预加载的图像滑块，这样用户就不必等待每张幻灯片加载。

在优化速度方面，我们希望限制在我们的 Shopify 商店中运行的不同应用程序的数量。 应用程序在后台运行的脚本越多，您的网站加载速度就越慢，因此您可能需要花一些时间来停止使用某些应用程序。

一些 Shopify 主题带有延迟加载功能，只会在需要时加载页面上的代码和内容。 这意味着您的浏览器无需在显示任何内容之前预先下载所有内容，这可以加快网页速度！

呼！这是加速您的 Shopify 商店的一长串方法。我希望这篇文章对您有用，并且您能够实施这些技巧，使您的商店顺利高效地运营！在任何情况下，使用正确的工具和知识都可以避免缓慢的加载时间，所以不要在没有尝试上述所有技巧之前就满足于它们！

相关帖子： Joomla 3.10.1 发布。