shopify优化部分知乎(如何提升Shopify和SHOPYY系统的访问速度)

shopify优化部分知乎(如何提升Shopify和SHOPYY系统的访问速度)(1)

据数据统计,当访客访问网站时,正常的等待时间只有3秒。超过3秒,访客就可能大量流失。如何提高独立站的打开速度,是每个跨境电商卖家需要面临的难题。关于网速优化的文章有很多,但大多是隔靴搔痒,始终说不到点上,今天SHOPYY带你了解它的运作原理和优化技巧。

首先我们找到一个国外大卖通过Shopify系统建的网站,并通过谷歌一款测试网速的工具(developers.google.com)进行测试,如图所示,评分竟然只有20分!(100分满)。

shopify优化部分知乎(如何提升Shopify和SHOPYY系统的访问速度)(2)

而影响评分的因素有很多:

(一)图片优化: 90%质量输出 Webp

首先我们做独立站的时候,经常会忽略了图片优化。其实图片对网站的影响非常大,因为一个网站里,图片占据了页面的95%,如果图片得不到良好的优化,那么其他方面的优化做的再好,都会被一张大图覆盖掉网站的加载速度,因此我们需要做好图片优化。

而WebP(图片格式)的优势体现在它具有更优的图像数据压缩算法,能带来更小的图片体积,而且拥有肉眼识别无差异的图像质量;同时具备了无损和有损的压缩模式、Alpha 透明以及动画的特性,在 JPEG 和 PNG 上的转化效果都相当优秀、稳定和统一。并且采用了SHOPYY-Webp处理之后,在肉眼几乎不能识别同时大小几乎降低了40-60%,提高打开速度又大幅度提高谷歌测评分!

如下图所示,传统输出 VS SHOPYY-Webp 输出:

经过多组测试同一张图片:开源系统 Magento(120K左右) VS Shopify(未压缩时50K) VS SHOPYY(30K),而以上图片几乎是肉眼完全无法识别清晰度的差距。

shopify优化部分知乎(如何提升Shopify和SHOPYY系统的访问速度)(3)

shopify优化部分知乎(如何提升Shopify和SHOPYY系统的访问速度)(4)

经过验证Shopify跟SHOPYY目前都采用了 Webp智能格式输出,大小要优于现在其他如OpenCart、Magento等之类的开源系统。但Shopify需要另外安装一个插件,来降低图片质量度的,否则Shopify同一张缩略图的大小会比Shopyy大 40-60%。

(二)插件的最佳使用方式

很多卖家运营独立站的时候,可能觉得网站里安装越多的插件,功能越全面,转化率就越高。其实这样做只会适得其反,因为当网站里插件过多,必定会影响网站访问速度。所以我们可以将不必要的插件卸载掉,另外将必备的插件,进行相关设置。

比如弹窗插件,我们要设置禁止首屏弹出(用户第一次访问网站看到的页面)。可能会有卖家担心,进入网站后没有弹窗会不会导致用户的跳出率升高?我们要知道,只看了一个页面就关闭网页的用户,也不是我们的目标用户,这些用户的意向度也并不会那么高。

据调查统计,Shopify很多高评分的插件,都是可以设置当用户访问3个或多个页面后,再进行弹出的。这样也避免了由于客户一进入网站就被弹出窗口,影响用户体验。同样,SHOPYY也可以进行相关设置,如下图所示:

shopify优化部分知乎(如何提升Shopify和SHOPYY系统的访问速度)(5)

(三)网站前端代码的优化

经常有卖家反映,我的网站访问好慢,但是服务器运行速度又没问题,带宽也很充足!后来遇到的卖家反映多了,整合对比了下,才发现共通之处!究其原因在于网站调用的google字体库,所以我们要避免网站里含有google字体,进而提升网站速度。

另外在项目的开发中,随着项目插件的增加,js、css文件变得越来越多,这就会给独立站性能方面带来一些问题。如:页面引入的js,css越多的话,那么就增加了http请求数,则会影响网站访问速度,因为js和css文件没有完全加载完成的话,网站页面就无法打开或无法显示完整,而解决该问题的一个好的方法就是合并js,css文件。

CSS:压缩体积,多个合并成1-2个

JS:压缩体积,多个合并成1-2个,非核心的JS代码尽可能试用 async。

据卖家反馈,Shopify系统的部分模板,需要卖家自己手动进行相关文件的代码合并修改,因为这些模板都是由第三方进行开发的,所以若不懂代码,则需要外聘技术来修改。

SHOPYY建站平台针对此类问题,进行了自动代码文件合并,无需卖家二次手动修改,即可从细节方面,提升用户体验。

(四)CDN加速优化

当网站的服务器位置与您网站的访问者位于不同的地理位置,也会导致网站加载速度过慢,这时可以通过CDN加速服务,提升网站速度。

通俗一点讲什么是CDN,简单一点理解就是比如你网站的服务器在美国,而客户在加拿大,当客户在加拿大访问你的网站的时候,CDN会自动将网络节点切换到加拿大附近地区的节点,并且会记录你过去访问的足迹,进行相关页面的缓存。这时再当其他加拿大客户访问你网站的时候,很大几率可以选中其他客户曾经访问的缓存记录,减少网站加载时间,从而提高网站打开速度和访问速度。

据调查,Shopify已经使用了AKamai的CDN加速技术,而SHOPYY使用了阿里云的全球加速,打开速度都有保证。

SHOPYY作为国内SaaS模式自建站平台,全中文后台简单易操作,只需商家提供域名,即可快速搭建好网站。并且SHOPYY平台将为每个商家提供一对一资深顾问建站咨询服务,从点到面解决网站搭建过程中遇到的难点。

【SHOPYY全新SAAS模式,三秒自助建站】

订阅号:每日推送干货文章

公众号:注册和开通SHOPYY账号

选择SHOPYY,一键开启跨境电商独立站

点击链接免费试用:https://accounts.shopyy.com/invite-wangyh

建站咨询QQ:3321789271

以上内容属作者个人观点,不代表雨果网立场!

上雨果网搜索“跨境资料库”,领取欧美/东南亚各国市场商机、各大平台热销品报告、跨境电商营销白皮书!

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页