怎么优化shopify网站的响应速度和性能

Shopify linwenzhi1314 81次浏览 0个评论

请按照以下因素自查。

1.使用AMP快速打开页面

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

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

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

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

2.压缩图片

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

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

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

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

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

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

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

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

4.减少安装的APP数量

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

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

5.减少HTTP请求

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

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

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

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

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

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

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

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

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

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

Hero image的具体定义:

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


本文标题:怎么优化shopify网站的响应速度和性能
转载请保留页面地址:https://www.linwenzi.com/7312.html
扫码加微信,邀您入群分享交流。
虚席有限,满员即止噢!

目前100000+人已关注加入我们

喜欢 (0)
10元解锁不外传技术
分享 (0)