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

(一)图片优化:90%质量输出+Webp
首先我们做独立站的时候,经常会忽略了图片优化。其实图片对网站的影响非常大,因为一个网站里,图片占据了页面的95%,如果图片得不到良好的优化,那么其他方面的优化做的再好,都会被一张大图覆盖掉网站的加载速度,因此我们需要做好图片优化。
并且 采用了Shopyy-Webp处理之后,在肉眼几乎不能识别同时大小几乎降低了40-60%,提高打开速度又大幅度提高谷歌测评分!

经过验证Shopify跟Shopyy目前都采用了 Webp智能 格式输出,大小要优于现在其他如OpenCart,Magento,等之类的开源系统。但Shopify需要另外安装一个插件,来降低图片质量度的,否则Shopify同一张缩略图的大小会比Shopyy大 40-60%。
(二)插件的最佳使用方式:
很多卖家运营独立站的时候,可能觉得网站里安装越多的插件,功能越全面,转化率就越高。其实这样做只会适得其反,因为当网站里插件过多,必定会影响网站访问速度。所以我们可以将不必要的插件卸载掉,另外将必备的插件,进行相关设置。

(三)网站前端代码的优化:
经常有卖家反映,我的网站访问好慢,但是服务器运行速度又没问题,带宽也很充足!后来遇到的卖家反映多了,整合对比了下,才发现共通之处!究其原因在于网站调用的google字体库,所以我们要避免网站里含有google字体,进而提升网站速度。
另外在项目的开发中,随着项目插件的增加,js、css文件变得越来越多,这就会给独立站性能方面带来一些问题。如:页面引入的js,css越多的话,那么就增加了http请求数,则会影响网站访问速度,因为js和css文件没有完全加载完成的话,网站页面就无法打开或无法显示完整,而解决该问题的一个好的方法就是合并js,css文件。
JS:压缩体积,多个合并成1-2个,非核心的JS代码尽可能试用 async。
而SHOPYY建站平台针对此类问题,进行了自动代码文件合并,无需卖家二次手动修改,即可从细节方面,提升用户体验。
(四)CDN加速优化:
当网站的服务器位置与您网站的访问者位于不同的地理位置,也会导致网站加载速度过慢,这时可以通过CDN加速服务,提升网站速度。
SHOPYY作为国内首家SaaS模式自建站平台,全中文后台简单易操作,只需商家提供域名,即可快速搭建好网站。并且SHOPYY平台将为每个商家提供一对一资深顾问建站咨询服务,从点到面解决网站搭建过程中遇到的难点。