Shopify速度优化
对于很多出海的商家，网站速度的加载快慢一直是大家困扰的问题。首先我们先认识下什么是网站速度和网页速度：
网站速度是用户浏览网站时的网站加载速度；从第一页加载到访客点入浏览，最后在购物车页面 结账。这个速度由一些服务来评分，例如 Google PageSpeed Insights 会从总体上查看您网站的 各种加载时间。
网页速度优化是指缩短您网站上某个特定页面的加载时间。它和网站速度优化类似，但更侧重于 让每个页面上的具体资产（图片、视频）更快加载。
针对shopify速度优化，我总结了以下几点：
1、对于图片的优化
a、图片首选jpg、webp格式，在保证清晰度的前提下，尽可能不用太大的图片，经常我们会看到有的商家一张图片都好几兆，那么肯定会慢的。一般一张图都是Kb级别的，有一些场景我们可能会用到png或者gif，会大些是正常的。
b、对于首屏的图片我们立刻展示在用户面前，所以需要立即加载，但是非首屏的就不需要了，我们可以设定懒加载或者预加载，滑动到相应位置在进行加载，这样会大大提高我们网站的响应速度。
2、对于Liquid、css、javascript的优化
对于代码的优化是至关重要的，我们网站慢很大一部分原因都是代码不够规范，公共样式未抽取，加载未使用的js文件等。
a、对于代码优化，公共组件的抽取，清理掉未使用的js和css文件。
b、对于总的js、图片、视频和css进行预加载或者懒加载
c、平衡pc和手机端，有些用户pc端评分都是大九十，但是手机端才几分，这时候我们需要通过代码手段平衡评分。
3、对于插件的优化
往往有的时候，我们一开始评分还可以，但是加了某些插件，评分一下降低了很多，所以我们对于插件的使用一定要合理，选用评分稍高的插件，能够用liquid处理的逻辑，就尽可能不用插件，因为插件里面做了什么只有插件方知道，他们使用了什么服务器，代码写的怎么样都没法评定。当然有的插件是将代码直接注入到我们的模板中，这样我们也可以针对插件的js进行优化提速。
基本上我们把这些处理好了，我们网站的速度也就上去了，Shopify开发的小伙伴可以按照这个思路来处理自己的Shopify站了，想要评分双100基本是没有可能的，但是七八十还是简简单单的，大家动起来吧，也欢迎一起交流哦。
Shopify速度优化相关推荐
- YUV视频格式到RGB32格式转换的速度优化 上篇（转）
YUV视频格式到RGB32格式转换的速度优化 上篇 HouSisong@GMail.com 2007.10.30 tag: YUV,YCbCr,YUV ...
- 页面加载速度优化的12个建议
1.合并Js文件和CSS 将JS代码和CSS样式分别合并到一个共享的文件,这样不仅能简化代码,而且在执行JS文件的时候,如果JS文件比较多,就需要进行多次"Get"请求,延长加载速 ...
- 近邻取样插值和其速度优化
本文的主要内容转载自博客 <图像缩放算法 >或<图形图像处理-之-高质量的快速的图像缩放 上篇 近邻取样插值和其速度优化>,将其中的代码改写在自己的机器上进行实际测试,从而更加 ...
- netty系列之:一个价值上亿的网站速度优化方案
文章目录 简介 本文的目标 支持多个图片服务 http2处理器 处理页面和图像 价值上亿的速度优化方案 总结 简介 其实软件界最赚钱的不是写代码的,写代码的只能叫马龙,高级点的叫做程序员,都是苦力活. ...
- 速度优化_网站打开速度慢？如何优化？
网站打开速度直接影响用户的第一道体验,打开速度偏慢,用户可能就没耐心继续等下去了,造成大量用户流失,今天我们谈谈如何优化网站打开速度: 网站打开速度慢?如何优化? 服务器配置 服务器要安全.稳定性良好 ...
- 分享网页加载速度优化的一些技巧？
日期:2013-2-17 来源:GBin1.com 不管你是不是相信,在最近的几年里,互联网网页的大小已经显著增大了.由HTTP Archive研究得出的结果表明,目前平均一个页面的大小是1.25M ...
- LaTeX的编译速度优化方案
1 运行字体 如果是卡在 eu1lmr.fd 的话,是因为 XeLaTeX 在定位字体. 用管理员运行 fc-cache -fv 一般能够解决. 其它方法: https://www.zhihu.com ...
- Ansible执行过程分析、异步模式和速度优化
Ansible系列(七):执行过程分析.异步模式和速度优化 分类: Linux服务篇 undefined 我写了更完善的Ansible专栏文章:一步到位玩儿透Ansible Ansible系列文章:h ...
- 网站加载速度 优化_您肯定要优化网站的加载速度。 这是如何做。
网站加载速度 优化 Do you remember this iconic scene from a very famous Star Wars Parody? 您还记得著名的<星球大战> ...
- [转]Asp.net mvc 网站之速度优化 -- 页面缓存
网站速度优化的一般方法 由于网站最重要的用户体验就是速度,特别是对于电子商务网站而言. 一般网站速度优化会涉及到几个方面: 1. 数据库优化 - 查询字段简历索引,使用数据库连接池和持久化,现在还有种 ...
最新文章
- Java项目:生活旅行分享平台(java+Springboot+JPA+Jsp+Html+js+Ajax+maven+mysql)
- BZOJ 1013 JSOI2008 球形空间产生器sphere 高斯消元
- VC6命令行编译工程方法
- IOS原生地图与高德地图
- Win11系统调节屏幕亮度的方法
- html为何转换为json,将HTML元素的“样式”属性转换为JSON
- 度假式办公环境、值得拥有！珠海金山软件诚聘CV、C++、后端工程师
- html在线发布ipa文件在哪里,打包ipa文件
- js获取验证码倒计时60s(超简单)
- 1019. General Palindromic Number (20)
- 机器学习面试之算法思想简单梳理
- linux SO文件
- 二叉树的7种遍历算法
- linux系统怎么关闭445端口,如何关闭window 系统的445端口等方法 预防勒索病毒
- 文件管理之文件后缀名识别
- PDF转CAD经典软件有什么
- 2021届西农计算机复试工作方案（学院）
- 毕业设计之 --- 基于大数据分析的金融产品销售预测分析
- 数据库应用之（云安全）
- 盘点10个堪称神器，却不为人所知的小众软件