网站速度早已不只是体验问题：谷歌把 Core Web Vitals（核心网页指标）纳入搜索排名因素，AI 搜索引擎同样偏好加载快的站点。对电商网站来说，速度优化同时服务转化率与 SEO——双重回报。
三大指标的含义与优化
- LCP（最大内容绘制，应小于 2.5 秒）。通常是首屏主图或大标题。优化：LCP 图片预加载、fetchpriority 高优先级、CDN 就近分发、服务端渲染首屏。
- INP（交互到下一次绘制，应小于 200 毫秒）。衡量点击/输入的响应速度。优化：减少主线程长任务、拆分 JS 执行、交互处理器保持轻量、重型逻辑放 Web Worker。
- CLS（累积布局偏移，应小于 0.1）。页面元素跳动会直接破坏购物心情。优化：图片与广告位固定宽高、字体加载用 font-display、动态内容预留空间。
电商场景的专项提醒
商品列表页的分页与筛选要避免整页重载（CLS 与 LCP 双杀）；第三方组件（客服、统计、营销弹窗）是性能杀手，延迟加载并定期审计——很多网站的 INP 超标，罪魁祸首是一个没人记得接入的第三方脚本。
监控体系
用真实用户监控（RUM）采集三项指标的分端分布（设备、地区、页面类型），建立性能基线与告警；每次发版前后对比指标，性能回归当成 bug 处理。性能不是一次优化，而是一条持续守护的底线。