一个页面响应速度极佳的网站不仅有利于提高网站搜索引擎的优化,而且有利于提高用户体验,所以为增强Shopify跨境独立站的网站加载速度,用户可以通过优化Shopify Web性能、页面布局等实现Shopify优化加速,那么具体该怎么操作呢?下文将为大家呈现。
Shopify 免费试用3天,不需要信用卡,并且每月支付 1 美元即可享受 3 个月,点击立即开始
一、Shopify Web性能的优化
Shopify在线商店中内置了Web优化功能,用户无需执行任何特殊操作即可使用以下功能:
1、商店托管在快速的全局服务器上,并且该服务器不会限制商店的带宽,可以在Shopify状态中查看Shopify商店的状态。
2、在线商店中有Cloudflare运行的内容分发网络 (CDN),可确保在线商店在全球范围内快速加载,用户可以在Cloudflare状态页面上查看CDN状态。
3、为保持快速的加载速度,系统将使用图片CDN自动优化图片。图片CDN与模板代码相结合,可提供最佳的图片格式,图片还将经过调整和压缩以使文件较小。
二、Shopify页面布局的优化
页面布局的优化包括选择合适的主题、字体等。
1、选择正确的主题
选择一个合适的Shopify主题是一个关键的影响因素,用户不仅需要确保主题在选择与品牌相匹配,而且要确保加载时间要尽量短。因此用户可以通过禁用所有未使用或不会为客户提供任何重要价值的主题功能来进一步优化Shopify模板的性能。此外在选择主题之前,可以通过Google PageSpeed Insights以了解其性能。
2、选择正确的字体
要优化Shopify速度,需要使用适当的字体类型,用户可以使用系统字体。大多数设备默认都安装了系统字体,这意味着客户的设备在访问时不必下载卖家商店的字体,这也意味着商店通常会加载得更快。Shopify推荐以下系统字体:Times New Roman、Garamond、Lucide Grande、Courier New、Palatino、Trebuchet MS 和 Monaco。
三、Shopify图片视频的优化
1、图片大小
很多Shopify卖家做独立站经常会忽略图片的优化。其实图片对网站的影响非常大,因为图片占据了网站页面的95%,如果图片得不到良好的优化,那么其他方面的优化做的再好,都会被一张大图覆盖掉网站的加载速度。
在图片上传之前建议先处理好图片(尺寸,命名,大小),尤其是产品图,图片尺寸需要一样,图片名字不要带中文,上传之前先更改好命名,之后填写好图片 ALT 属性。原图太大的话要压缩后再上传,尤其是1M以上的图片,产品图尽量控制在100kb以下,可以用TinyPNG或JPEGmini来压缩图片。
2、视频大小
视频跟图片类似,视频越大加载越慢。视频可以先传到YouTube上再嵌入到Shopify网站中。
四、 精简和合并Shopify代码
冗长的代码会增加网页加载时间。通过精简和合并CSS和JavaScript文件,可以减少HTTP请求次数,从而提升网站速度。
1、移除不必要的代码:删除不使用的CSS规则和JavaScript函数,通过代码审查工具如JSLint和CSSLint可以帮助商家发现不必要的代码。
2、合并文件:将多个CSS和JavaScript文件合并成一个,减少请求次数,可以使用Shopify的内置功能或第三方工具如Gulp进行自动化合并。
3、使用最小化工具:使用工具如UglifyJS和CSSNano来压缩和最小化代码,此外Shopify也默认支持Gzip压缩,用户可以通过查看响应头来确认是否启用。
推荐阅读: