Shopify页面加载慢怎么破？

Shopify 网站速度优化全攻略

在电商领域，Shopify 网页的打开速度至关重要，因其会直接影响访客的跳出率。为有效提升网站速度，我们可运用专业的网站测速工具来检测，并据此采取针对性的优化提速措施。

影响网站打开速度的因素众多，除了网站自身架构外，服务器起着关键作用。首先来了解一下 Shopify 的服务器情况。

Shopify 的服务器详解

Shopify 的硬件服务器主要集中在美国华盛顿和芝加哥，同时其云服务器依托于亚马逊云和谷歌云。然而，这些服务器的位置对网站访问速度的影响并非绝对，因为 Shopify 整体框架构建在 CDN（Content Delivery Network）之上。有了 CDN 后，Shopify 会将所有网站资源推送至全球各地有 CDN 服务器部署的地点。也就是说，在世界任何有 CND 服务器的地方，都能找到 Shopify 的相关资源。比如，当一位来自美国加州的客户访问店铺时，实际上是从加州的 CDN 服务器下载所需内容，而非店铺注册所在地。这便是 CDN 内容分发服务器的神奇之处，它确保了全球各地客户都能从就近服务器快速打开 Shopify 店铺，也就意味着在大多数情况下，Shopify 店铺在全球范围内的访问速度都有一定保障，只要该地部署了 CDN 服务器。

网站的测速工具与使用方法

Shopify 的加载速度整体偏慢，测速结果评分通常不高，此时就需着手优化网站访问速度。下面为大家介绍五个常用的测速工具，其操作流程大体相似，以 Google pagespeed insights 为例。

Google pagespeed insights 是根据“载入不需卷动位置时间”及“载入完整网页时间”来评估网页打开速度，针对 PC 端和移动端有不同数据。其网址为：https://developers.google.com/speed/pagespeed/insights/。使用步骤如下：第一步，进入 PageSpeed Insighs 网站首页，输入网站网址，点击“分析”；第二步，查看检测结果和优化建议。Pagespeed insights 从“速度”和“最佳化”两个维度评分，有四个指标，如 FCP 指用户进入网站时看到画面呈现的第一时间，即使网站未完全读取完毕，能看到文字或图片读取有进展，可改善用户浏览体验。后面会自动给出优化方案，可依据此具体优化加载速度。

此外还有 Tools.pingdom.com，它能从多方面测试网站，可测试加载速度，也可分析页面和大小，还能查看详细测试报告，帮助找出影响网站速度的因素如图片、CSS 等，并给出详细优化网页性能的方案。

Webpagetest 由 AOL 开发供内部使用后开源，是一款前端性能测试工具，特色在于可分国家测试网站加载速度，还能从浏览器和手机系统维度测试加载花费时间。

GTmetrix 也是常用测速分析工具，操作页面简洁，功能强大，受到诸多大型网站青睐。操作简单，输入网址或 URL 点击“analyze”。以 chinabrands.com 为例，测试速度结果以 6 个维度呈现，分别是网页速度、YSlow、瀑布图、网页加载速度、页面加载视频和报告历史。非会员可直接使用，注册免费账号后功能更多，可选择 7 个不同节点测速，也可选择浏览器查看测试结果。

Dotcom-tools 的强大特别之处在于可查看全球各地打开网站的时间，了解网站在全球的速度情况，操作简单且无需注册会员即可使用。

提升 Shopify 网站访问速度的技巧

首先是优化图片，可在 Shopify 应用商城找到关于图片压缩的 app，搜索 Image Compression 即可。可安装在后台，定期对新图片自动压缩，压缩后店铺访问速度会有较大提升。

其次是优化 JS 代码，这需要一定计算机基础知识，将一些 JS 代码请求合并成一个文件或合并在一起，可减少向 JS 服务器发送请求次数。

然后是卸载过慢的 shopify app，部分免费 app 加载速度慢，建议所有卖家安装时测速，对比安装前后速度，查看对店铺访问速度有无明显影响。

还可延缓图片加载，设置为在客户翻到图片时才加载，可提高网站加载速度。

最后可寻找专业的建站团队，如尚睿 Shopify 建站团队，能实现网站的自定义设计搭建、图片设计优化、好用且适合网站的插件推荐和安装等。作为 Shopify Plus 的国内内地唯一认证伙伴，由其搭建网站无需担心技术问题，会及时解决。