Shopify访问速度如何优化，最全面的Shopify网站速度优化指南

Shopify店主应该考虑的关键因素之一是网站性能。你的网站性能会直接影响你的网站转化用户的能力。你的网站速度越快，你就越有可能转化更多的用户。同样，如果你想升级你的Shopify商店的SEO，网站性能是谷歌算法中一个小的排名因素。

此外，网站性能会直接影响你所有其他数字营销的举措。无论是付费广告、电子邮件营销还是社会化营销，你的网站速度将影响来自所有这些不同渠道的用户。如果你的网站从这些渠道获得了相当数量的流量，那么即使只是性能上的一个小改进，也会带来明显的收入改善。

Shopify已经有哪些网站速度优化的措施？

Shopify有一个好处就是，你的商店确实有一些速度优化的开箱即用。一般来说，Shopify网站与其他电子商务解决方案相比是相当快的。这对Shopify店主来说是个好消息，因为该平台通常比Magento等平台要快。

在创建一个新的Shopify网站后，你会发现以下性能特征应该已经实现：

• 充分利用浏览器缓存：Shopify应该已经默认缓存了您网站的内部资源。缓存系统允许您的一些内容，如图像、JavaScript和CSS在用户的浏览器本地存储。这意味着他们在两次查看同一资源时不必重新下载内容。这可以加快你的商店打开速度，用户将能比以前更快地看到你网站的一些内容。
• 利用CDN：Shopify使用Fastly CDN。CDN（内容分发网络）允许您网站的一些内容存储在Shopify位于世界各地的服务器上，这缩短了您的用户和您网站内容之间的物理距离，物理距离的减少有助于提高您的网站性能。

所以，如何优化Shopify网站的速度？

通过执行下面这些步骤，你可以大大加快Shopify网站的打开速度:

• 选择一个轻量级的Shopify主题
• 减少大图片的尺寸
• 压缩图片
• 用静态图片取代GIF
• Lazy Load延迟加载图片
• 限制第三方JavaScript和Shopify应用程序
• 迁移跟踪代码到谷歌标签管理器
• 通过履行Google PageSpeed Insights指南来运行您的商店

1. 选择一个轻量级的Shopify主题：

选择一个快速的Shopify主题可立即让你的网站在性能上处于一个很好的位置。有些主题在开箱时可能会有不必要的臃肿，导致您的网站处于性能劣势。相反，一个更轻量的主题将为您的网站赋予强大的性能。

当然，这并不是说高性能的主题不会变慢，也不是说他们是您网站的最佳选择。然而，如果速度优化是你首要考虑的问题，这些主题是可以考虑选择的。

2. 减少大型图片的尺寸：

调整大型图片assets大小是加快Shopify网站的最佳方法之一。在评估Shopify网站的时候，我们注意到很多企业都有使用大量图片的倾向，这是无可厚非的，因为图片是电子商务商店的主打产品，在B2C零售业这样的垂直行业中更是如此，图片是突出产品的必需品。

虽然图片是改善商店用户体验和品牌形象的绝佳方式，但它们往往伴随着性能的折衷，图像文件通常比标准的HTML或CSS大得多，在页面上使用大量图片的结果可能是一个非常沉重的页面容量，与图片密集度较低的页面相比，用户需要更长的时间来下载。

同样，未经优化的图片也会使你的网站页面更加沉重。图片上传的尺寸往往比其 “渲染尺寸 “大得多。

当图片的上传尺寸远远大于渲染尺寸时，会造成不必要的性能问题。这意味着用户必须下载一个比实际需要的更大的图像来渲染。其结果是，用户必须浪费额外的浏览器资源和数据，才能真正看到内容。

3. 压缩图像：

当图片没有被压缩时，它们也可能是未被优化的。很常见的是，Shopify商店没有对上传的图片进行压缩，这导致了图片的大小超过了实际所需。

通过压缩图片，你可以确保你的图像assets的文件大小比原始图像小得多。较小的文件大小将使浏览器更快地加载您的网站内容。

当涉及到图像压缩时，我们更喜欢使用这两种方法的组合。

• Shopify应用程序。一些应用程序会在上传时自动压缩图片。我们在Crush.pics有很好的经验。
• Optimizilla：这允许你在上传到你的网站之前手动压缩大型图片资产。

4. 用静态图片取代GIF：

我们已经看到一个不可否认的趋势是：很多较慢的Shopify商店中大量使用GIF。GIFs可以是非常有价值的，因为它们为用户提供了更多的互动体验，而且可以帮助网站管理员从用户体验和品牌角度改善你的网站。

然而GIF assets是非常大的，即使只在一个页面上使用一个GIF也会极大地增加页面文件的大小。

我们已经看到了一些例子，仅仅使用两，三个GIF就让页面文件大小增加到10MB以上。这些文件极大的增加了页面的重量，所以我们建议在可能的情况下尝试用静态图片来取代它们，这可以大大节省资源并提升Shopify的优化速度。

5. 懒惰的加载图像：

当通过PageSpeed Insights运行我们的Shopify网站列表时，我们发现最常见的建议之一是 “推迟屏幕外图像”。这是一个迹象表明网站的所有图像都是一次性加载。

由于许多Shopify网站使用大量的图片，这种情况下研究懒人加载是有意义的，这可以加快你的Shopify网站的速度，因为你的网站的所有图片不会一次性加载，只在用户向下滚动页面时加载。

6. 限制第三方JavaScript和Shopify应用程序：

如果一个Shopify商店使用大量的应用程序和第三方资源。这必然会导致浏览器进行大量的请求，类似于WordPress的插件，Shopify有 “应用程序”，可以让网站所有者轻松地将各种功能添加到他们的网站，应用程序是增强你网站能力的绝佳方式，任何额外的第三方脚本也是如此。

然而，请记住，这些附加功能是有性能成本的。

每次你向你的网站添加应用程序或脚本，这将增加你的网站的http总请求数。此外，应考虑到这些脚本的大小。太多的应用程序或第三方代码会降低您的Shopify商店的性能。

因为这些资源会损害网站的性能，所以定期审查所有的跟踪代码、Shopify应用程序和任何其他你正在使用的第三方资源是很重要的。我们发现，与你的营销和开发团队进行诚实的对话是很有帮助的。对每个资源提出这五个问题，可以帮助你对它做出决定：

• 我们实际使用这个功能的频率如何？
• 这是一个 “必须的 “还是 “不错的”？
• 是否有一个更轻量级的选择，我们可以使用？
• 我们从中得到的好处是否值得在性能上进行折衷？
• 我们是否有任何指标可以参考，以了解用户使用这一功能的频率？

当然，这些问题的答案肯定会根据您的商店和商业模式而有所不同。例如，聊天功能可能对某些商店很重要，但对其他商店来说却不是必需的。在回答了这些问题后，我们建议与您的开发团队合作，找出哪些元素可以安全删除。

不确定从哪里开始？这里有一些我们发现Shopify商店使用的第三方代码，它们往往对性能有较大影响：

• Lucky Orange
• Sumo
• Sentry
• ZenDesk
• Drift
• PayPal
• Klaviyo
• Privy
• Yotpo

当然，我们并不主张反对这些技术中的任何一种。然而，如果你知道你正在使用其中一个，那么最好能意识到它可能会对你的Shopify商店的性能产生影响。如果您的测试显示这些可能会导致问题，请考虑删除或替换它们以加快您的Shopify网站。

7. 将跟踪代码迁移到谷歌标签管理器：

谷歌标签管理器Google Tag Manager是一个完美的代码跟踪解决方案，允许你轻松地从你的网站上添加和删除标签，而不需要触碰代码。它允许你在一个地方集中管理你网站的所有跟踪代码。此外，谷歌标签管理器另一个好处就是，所有的代码都是异步加载。这意味着，通过谷歌标签管理器加载的代码不会阻碍您网站内容的呈现。这意味着，你可以考虑通过 “标签迁移”将你的一些跟踪代码转移到谷歌标签管理器。

8. 运行谷歌PageSpeed Insights来重新审视你的商店：

谷歌PageSpeed Insights是谷歌开发的网站速度测试工具。它分析你的网站，并提供关于你的网站是如何表现的指标，以及如何改善你的网站速度的建议。要运行一个测试，只需导航到该工具并输入你想看其性能数据的页面。

你应该可以看到类似下面的屏幕截图：

背景知识 FP、FCP、与LCP:

FP（全称“First Paint”，翻译为“首次绘制”） 是时间线上的第一个“时间点”，它代表浏览器第一次向屏幕传输像素的时间，也就是页面在屏幕上首次发生视觉变化的时间。

注意：FP不包含默认背景绘制，但包含非默认的背景绘制。

FCP（全称“First Contentful Paint”，翻译为“首次内容绘制”），顾名思义，它代表浏览器第一次向屏幕绘制 “内容”。

注意：只有首次绘制文本、图片（包含背景图）、非白色的canvas或SVG时才被算作FCP。

FP与FCP这两个指标之间的主要区别是：FP是当浏览器开始绘制内容到屏幕上的时候，只要在视觉上开始发生变化，无论是什么内容触发的视觉变化，在这一刻，这个时间点，叫做FP。

相比之下，FCP指的是浏览器首次绘制来自DOM的内容。例如：文本，图片，SVG，canvas元素等，这个时间点叫FCP。

TTI（全称“Time to Interactive”，翻译为“可交互时间”） 表示网页第一次完全达到可交互状态 的时间点。可交互状态指的是页面上的UI组件是可以交互的（可以响应按钮的点击或在文本框输入文字等），不仅如此，此时主线程已经达到“流畅”的程度，主线程的任务均不超过50毫秒。TTI很重要，因为TTI可以让我们了解我们的产品需要多久可以真正达到“可用”的状态。

你可以得到大量的数据，这些数据可能是相当令人难以接受的。让我们讨论一下我们所看的关键数据点：

First Contentful Paint：首次内容绘制需要多长时间被渲染。
Time To Interactive互动时间：页面第一次与用户互动需要多长时间。

一般来说，我们会先看这两个指标，以了解一个特定页面的加载情况。这可以提供很好的基准数据，然后你可以回去重新进行测量，看看你的网站速度改进是否产生了影响。

关键字：shopify费用，shopify联系我们，shopify checkout优化，shopify seo优化，搭建独立站shopify，shopify 怎么引流，shopify月费多少，shopify独立站流程，shopify woocommerce