用性能优化换回移动端转化

流程

1. 1

   收集真实用户数据，不是实验室数据

   用 Chrome UX Report 加 web-vitals script 取真实用户 LCP、INP、CLS，按设备档次、网络与模板分群。

2. 2

   把每个指标归因到元素

   LCP 追到实际图片或文字节点，INP 追到阻塞的 handler，CLS 追到位移元素——逐模板分析，不做全站平均。

3. 3

   以转化为修复定价

   按性能区间读转化率，让每项候选修复带一个订单影响估算，队列按此排序。

4. 4

   以性能预算分批上线

   图片格式、script 延后、字体加载、版位预留拆成小型发布，每批带一个 build 不得超过的预算。

5. 5

   守住成果

   上线后每周跟踪真实用户指标，并在 build 加入预算检查，让下一个功能不会悄悄把成果花掉。