以性能優化換回移動端轉化

流程

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 加入預算檢查，令下一個功能不會靜靜把成果花掉。