性能优化是电商网站回报率最高的技术投入：加载时间每增加一秒，转化率都会明显下滑；反过来，首屏从三秒到一秒，几乎是“免费”的增长。这份实战清单，按投入产出比排序。
第一优先级：图片
商品图占页面体积的七成以上，优化空间最大：格式升级（WebP/AVIF 比 JPEG 小三成以上）、响应式尺寸（列表页用缩略图，别加载原图）、懒加载（首屏外的图滚动到才加载）、CDN 分发（静态资源全部走 CDN，图片域与主域分离）。做完这四件事，多数商城的加载时间直接减半。
第二优先级：渲染路径
- 关键 CSS 内联。首屏样式直接内联，样式表异步加载，避免渲染阻塞。
- JS 延迟加载。非首屏脚本 defer/async，第三方统计与客服组件延后初始化。
- 骨架屏。数据未返回前先渲染结构，感知速度远好于白屏。
第三优先级：缓存与预加载
浏览器缓存策略合理设置（静态资源长缓存+版本号刷新）、接口数据做本地缓存、用户高频访问的下一页做预加载。
衡量标准
用真实用户体验指标（LCP、INP、CLS）代替传统加载时间，并用真机数据而非实验室数据。性能优化不是一次性工程，把指标监控常态化，性能才不会悄悄劣化。