案例 NOMU 旅宿

訂房頁面快到不需要載入動畫

把首屏從 4.1 秒壓到 0.8 秒。載入動畫不是被優化,是被刪掉了。

產業
旅宿
年份
2024
技術
邊緣渲染 · 圖片管線 · 效能預算

0.8s

最大內容繪製

課題

訂房首屏 4.1 秒。載入動畫做得很漂亮,那本身就是問題的證據。

做法

設效能預算,圖片管線重做,訂房主流程改在邊緣渲染。任何超出預算的 PR 直接擋下。

結果

LCP 0.8 秒,載入動畫被刪掉。行動端轉換率上升 22%。