影响Shopify独立站加载速度的8个因素_1

文章来源：太阳集团电子游戏 更新时间：2023-12-09 06:27

　　

这篇主要写影响独立站加载速度的8个因素，如果你的网站经过google speed insight检查上加载速度过慢，请按照以下因素自查。

1.使用AMP快速打开页面

加速移动端页面 - AMP是一个开放标准框架，专为任何发布商在移动设备上创建快速加载网页而设计。

超过50％的购物者从移动设备购买，因此确保您的网站可以移动并快速加载非常重要。因此，通过AMP（移动加速页面）技术，用户可以在移动设备上快速访问您的网站。

在Shopify中，您可以使用FireAMP或RocketAmp应用程序快速高效地为您的网站生成AMP页面。这两款应用程序在Shopify App Store上均获得超过四星评级，并可改善您在移动设备上的页面加载时间。否则，您可以考虑创建Shopify API来开发这些AMP页面。

您可以创建着陆页的AMP版本，以便开始阅读如何使用AMP构建页面的帖子。

2.压缩图片

Shopify允许您添加以下图像格式：

JPEG或JPG

JPEG

PNG

GIF

图片压缩非常重要，是加快网页加载速度的必要条件。在进行图像优化时，请确保您的图像尺寸合适，并且不要在单页上添加太多图片。

对于新上传图片，您可以免费使用tinypng.com或tinyjpg.com来缩小图像的大小。你可以在下面看到图像; 这个工具总共节省了71％和286 KB。

使用优化版本替换所有图片后，页面加载时间会自动改善。

对于Shopify商店中的现有图片，您还可以使用Crush.pics或Image Optimizer压缩图像文件而不会有任何质量损失。

3.为Shopify商店下载快速响应主题

事实是，网站存储速度主要取决于网站主题，因此在安装主题之前，建议您检查以下内容：

寻找快速响应的主题。检查主题的最新副本并检查主题的实时预览。通过Google PageSpeed Insight运行主题预览页面，并查看使该页面更快的建议。

选择主题后，请记住保持最新状态。

4.减少安装的APP数量

通过Shopify下载的大多数APP会将一些JavaScript / CSS文件添加到您的商店。主要问题是，如果您不使用该应用程序，JavaScript / CSS文件将在后台运行，并使您的网站性能降低。

所以，这就是为什么你应该通过你的商店检查你没有使用的任何APP并删除它们。您可能尝试了一些APP并忘记删除。

5.减少HTTP请求

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

合并并内嵌CSS脚本。内嵌较小的JavaScript。结合所有JavaScript。最大限度地减少设计和功能图片的使用CSS图像精灵将图像转换为Base64代码限制社交按钮的数量

6.最小化重定向和死链接

由于过多的重定向和死链接，可能会出现性能问题。减少重定向和死链接数的最简单方法是什么?避免不必要的重定向和修复死链接。

重定向

不必要的重定向会造成性能和速度问题，这可能会影响网站的总加载时间。在Shopify中，您可以通过名为“URL重定向”的内置重定向函数应用301重定向。

死链接

网站上的死链接可能是有害的，会增加不必要的HTTP请求，造成较差的用户体验。要在你的网站上找到和修复死链接，你可以使用免费工具，比如Broken Link Checker和Xenu。

7.使用Google Tag Manager管理并优化你的跟踪代码

通常，您可以分别为Google Analytics，Google AdWords，再营销等添加单独的跟踪代码，也可以将其发送给开发人员; 此过程将花费时间并最终降低整体网站性能。在Google Tag Manager的帮助下，您的代码会被存储在一个位置。

您可以在Shopify商店中使用Google Tag Manager。Shopify官网也可以找到详细的Step by Step教程

https://help.shopify.com/en/manual/reports-and-analytics/google-analytics/google-tag-manager

8.使用Hero布局而不是使用滑块

滑块已经流行了一段时间了，人们通常会在滑块上添加5-6张高质量的图片，这会增加网站的总加载时间。研究表明，是时候完全忽略它们了。

一些有趣的数据告诉我们为什么应该忽略滑块

用户不会点击滑块，只有1％的人实际点击滑块滑块/旋转木马惹恼用户并降低可见性 滑块/旋转木马对SEO不利滑块不适合移动设备滑块按下您的内容（页面布局算法改进）滑块可以影响搜索引擎优化

不使用滑块，而是使用一个单独的高质量的英雄布局图片与明确的号召性用语，并清晰地调用动作。检查Dropbox;他们使用的是英雄布局。

Hero image的具体定义：

根据维基百科的说法是“一个大型的网页横幅图片，突出显示在网页上，通常位于正面和中间。Hero image是网站上遇到的访客的第一个视觉图像，它提供了网站最重要的概述 英雄形象通常由图像和文本组成，可以是静态的或动态的（例如旋转的图像和/或主题列表）。

以上就是所有的能影响网站打开速度的因素和解决方案