电子商务绩效直接影响转化率和收入。每一秒的延迟都会让你的销售额下降。本指南介绍如何优化在线商店的速度和体验。
为什么性能很重要
转换
多 1 秒 = 转化率减少 7%。
搜索引擎优化
核心网络生命力是一个排名因素。
###手机
移动网络速度较慢。关键性能。
跳出率
慢速网站的放弃率很高。
用户体验
速度是体验的一部分。
核心网络生命力
LCP（最大内容涂料）
渲染最大元素的时间。目标：< 2.5 秒。
FID（首次输入延迟）
第一次交互的响应时间。目标：< 100 毫秒。
CLS（累积布局偏移）
视觉稳定性。目标：< 0.1。
INP（与下一个绘画的交互）
取代 FID。反应能力一般。
其他指标
###TTFB
到达第一个字节的时间。服务器响应。
###FCP
第一个内容丰富的绘画。第一个内容。
速度指数
内容在视觉上出现的速度有多快。
诊断
Google PageSpeed 见解
分析并提出建议。
灯塔
完成审核。
###网页测试
详细的瀑布测试。
真实用户监控
真实的用户数据。
图像优化
现代格式
WebP、AVIF。最小尺寸。
压缩
质量与尺寸。一般来说，80%的质量就足够了。
响应式图像
srcset 不同的大小。
延迟加载
对于首屏以下的图像，loading="lazy"。
CDN
图像位于边缘。
前端优化
缩小
压缩CSS、JS。
###捆绑
上传的文件更少。
代码分割
只收取必要的费用。
关键 CSS
内联初始 CSS。
延迟/异步
脚本不会阻止渲染。
缓存
浏览器缓存
正确的资产标题。
CDN 缓存
内容在边缘。
页面缓存
预渲染页面。
API 缓存
缓存 API 响应。
CDN
这是什么
内容交付网络。分布式内容。
好处
更低的延迟，更高的可用性。
提供商
Cloudflare、CloudFront、Fastly。
全站 CDN
缓存所有内容，而不仅仅是资产。
服务器优化
###TTFB
服务器响应时间。
Gzip/Brotli
响应压缩。
HTTP/2
多路复用、报头压缩。
###数据库
优化查询。
缓存
Redis、内存缓存。
电商平台
###Shopify
管理绩效。定制限制。
WooCommerce
需要主动优化。
Magento
特点是性能好，但很重。
###无头
最大性能，更多工作。
移动性能
移动优先
首先针对移动设备进行优化。
触摸响应
响应式交互。
自适应加载
调整每个连接的质量。
AMP（可选）
用于超快速列表。
第三方脚本
问题
外部脚本影响性能。
审计
确定您携带的物品。
优先级
首先是必需品。
延迟加载
尽可能稍后充电。
检查性能
关键
结账速度慢=放弃。
简化
更少的田地，更少的步骤。
预加载
预期结帐功能。
单页
尽可能全部在一个屏幕上。
监控
朗姆酒
真实用户监控。真实数据。
合成
定期自动化测试。
警报
降级通知。
仪表板
持续可见性。
测试
之前/之后
比较更改后的指标。
A/B
测试性能对转化的影响。
负载测试
负载下的行为。
常见错误
未优化的图像
缓慢的最大原因。
第三方脚本
很多跟踪器、小部件。
糟糕的托管
服务器速度慢。
无缓存
总是重新处理一切。
结论
电子商务绩效是一项具有直接转化回报的投资。优化图像、积极缓存、使用 CDN 并持续监控。每一毫秒都很重要。
##常见问题解答
1) 哪个 PageSpeed 分数较好？ 90+就很优秀了。 50-90需要改进。 50以下是紧急的。
2) CDN 是强制性的吗？ 对于电子商务来说，几乎是的。
3) Shopify 是否已经优化？ 合理。但应用程序和主题可能会让情况变得更糟。
4) 性能对转化率的影响有多大？ 研究表明每增加一秒就会损失 7% 以上。
5) 如何确定优化的优先级？ 从图像和缓存开始。影响更大，付出的努力更少。
另请阅读
- 【虚拟门店绩效：速度变收入的真实案例0
- 【转化区：销量页面优化1
- [数字结帐：如何优化以获得最大转化2
- [电商转型：提升线上销量的策略3
- [电子商务可扩展性：应对高峰的必要步骤4
- [在线商店绩效：每个高峰前应运行的检查表5