已收藏,可在 我的资料库 中查看
关注作者
您可能还需要

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

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

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


这篇主要写影响独立站加载速度的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是网站上遇到的访客的第一个视觉图像,它提供了网站最重要的概述 英雄形象通常由图像和文本组成,可以是静态的或动态的(例如旋转的图像和/或主题列表)。

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


(来源:K哥聊出海)

分享到:

--
评论
最新 热门 资讯 资料 专题 服务 果园 标签 百科 搜索
雨果跨境顾问
【爆单冲刺】Google爆单冲刺包
雨果跨境谷歌官方顾问

收藏

--

--

分享
K哥聊出海
分享不易,关注获取更多干货