Shopify网站打开速度如何优化?Shopify网站优化

Shopify网站打开速度慢后果

我们都知道Shopify网站打开速度慢会造成用户的流失,但是你不知道其实Shopify网站代开速度慢还会有其他的后果。第一,会造成用户焦虑,如果用户打开你的Shopify网站,十秒还没有反应,那么用户就会很烦躁,可能直接就关掉页面,那之前所做的工作就付之东流了;第二,降低Shopify网站搜索排名。

看一组购物型网站的调查数据

75%以上用户不会在加载速度慢的网站进行复购;

60%以上的智能手机用户希望网站的加载速度是在4秒时间内;

50%以上的购物者会使用移动设备购物。

从上面的数据可以得出,一个网站的移动端的加载速度快是非常重要的,因为页面速度对用户体验很重要,加载时间较长的页面意味着更高的跳出率和更低的页面停留时长,这导致网站的销售转化很不利。而谷歌官方也强调道,网站速度是对页面排名的重要因素之一。

 

测速工具网址:

如果网站测速工具测试出的评分在50以下,那么我们就要着手进行优化Shopify网站访问速度的动作了。YinoLink易诺为大家介绍四个常用的测速工具。

1、谷歌的页面速度测试工具

https://developers.google.com/speed/

  • 优化图像
  • 缩小CSS
  • 缩小JavaScript
  • 消除上层内容中的渲染阻止JavaScript和CSS
  • 利用浏览器缓存和减少服务器响应时间
  • 避免登陆页面重定向
  • Gzip压缩

2、Pingdom是一个免费的网站测速工具,从多方面测试网站,可以测试Shopify网站加载速度,也可以对页面和大小进行分析。我们可以查看详细的测试报告,帮助用户找出影响Shopify网站速度的因素如图片、CSS等,并给出详细的优化Shopify的网页性能的方案。

https://my.pingdom.com/

3、https://gtmetrix.com/

4、http://webpagetest.org/

 

Shopify独立站使用的是Shopify官方服务器,及cdn网络分发,这些都是我们无法控制的因素。

 

提升shopify网站访问速度的技巧,您可以控制的因素

 

1、精选必要的Shopify应用

您在Shopify商店的后台中运行的第三方应用程序越多,它们对您网站性能的影响就越大。这就是为什么您应该定期检查是否有未使用的应用程序并将其删除。作为繁忙的所有者,很容易尝试一个应用程序而忘记删除它。

当您添加应用以更改在线商店的功能或外观时,这些应用会在模板中添加代码,这样它们才能运行。可以删除某些代码或将其重新排序,以提高在线商店的性能。您可以删除没有使用的应用。

卸载过慢的shopify app

需要特别强调的是有一部分免费的app,但是他们的速度非常慢,因此 我们建议所有卖家安装免费app时最好进行一下测速,安装之前测一下,安装之后测一下,再对比一下速度,看一下这个app有没有对你的店铺访问速度有特别明显的影响。

例如 卸载Sale channel-Messenger

使用这个sale channel的 Messenger,用于实现网站跟messenger用户进行在线聊天工具。我当时整体的网站跟她的网站大同小异,我的网站速度在60,而她的网站速度是19。排查之后,卸载Messenger之后,速度直接增加了35。如果非要一个在线聊天工具,那我建议是找一个替代者-Tidio,这是一款在线即使聊天工具,也有很多专业网站使用这个主题。

如果您认为某个应用正在减慢您商店的速度,请执行以下步骤:

  • 禁用您不使用的应用功能,或删除不需要的应用。考虑在线商店功能与速度之间的平衡。
  • 如果您要删除某应用,请考虑删除在该应用安装过程中添加的代码。某些应用通过将代码包装在提及应用名称的 {% comment %} 标签中来帮助您完成此过程。

删除未使用的应用代码是一种最佳做法,可避免运行未使用的功能的代码,并使您的模板代码更易于阅读。

  • 请咨询您的应用开发者。

 

2、挑选速度快的Shopify模板

网站存储速度主要取决于网站主题,在官网主题上,像Prestige,debut,warehouse主题占据的存储空间比较小,因此加载速度会比绝大多数主题快。

 

模板由 Liquid、HTML、CSS 和 JavaScript 代码组成。编辑或自定义模板时,文件大小可能会增大,并影响商店速度。

某些功能(启用后)也可能也会影响商店速度。例如,当产品系列页面加载时,某些快速视图弹出窗口会预加载每个产品页面中的信息。加载客户不使用的额外数据可能会影响商店速度而不会增加价值。

 

3、优化Shopify 独立站 图片和视频

过大的图片和视图中隐藏的图片可能会对加载页面中其他更重要的部分造成干扰。如果用户必须等待加载大型图片,他们可能会认为您的商店速度缓慢。

一般情况下,一个网站需要提速我们考虑的第一条就是优化图片。Shopify后台有一个压缩图片的免费app,叫image compressio, 我们可以将它装在shopify后台, 然后定期地对自己店铺的新图片自动压缩, 压缩完之后,你的店铺访问速度应该会提高很多。

在执行图像压缩时,您必须牢记图像的质量。

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

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

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

 

Shopify 添加了一些安全措施,用于防止您的在线商店出现图片或视频过载。例如:

  • 产品系列页面上的产品不可超过 50 件,或主页上的分区不可超过 25个。
  • 许多模板会延迟加载屏幕上当前未显示的图片。
  • 许多模板还根据所用屏幕尺寸加载特定大小的图片。

延缓图片的加载

我们可以这样设置:在客户翻到了你的图片时,才去加载图片。这也可以提高你的网站的加载速度

 

免责声明:本文内容来自其他媒体或者他人投稿,请自行判断内容的正确性。若本站收录的信息无意侵犯了贵司版权,请给我们来信(info@chuhaihao.com),我们会及时处理和回复。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
搜索