Shopify独立站加载速度的影响因素
Shopify独立站加载速度的影响因素,如果你的网站经过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。
本文链接:https://www.sxwpls.com/11655.html ,转载需注明文章链接来源:https://www.sxwpls.com/
-
喜欢(11)
-
不喜欢(3)