1. 程式人生 > >性能優化-使用 RAIL 模型評估性能

性能優化-使用 RAIL 模型評估性能

檢查 web 線程 時間 ima man 用戶操作 form alt

RAIL 是一種以用戶為中心的性能模型。每個網絡應用均具有與其生命周期有關的四個不同方面,且這些方面以不同的方式影響著性能:

技術分享圖片

TL;DR

  • 以用戶為中心;最終目標不是讓您的網站在任何特定設備上都能運行很快,而是使用戶滿意。
  • 立即響應用戶;在 100 毫秒以內確認用戶輸入。
  • 設置動畫或滾動時,在 10 毫秒以內生成幀。
  • 最大程度增加主線程的空閑時間。
  • 持續吸引用戶;在 1000 毫秒以內呈現交互內容。

關鍵 RAIL 指標匯總

要根據 RAIL 指標評估您的網站,請使用 Chrome DevTools perfermance記錄用戶操作。然後根據這些關鍵 RAIL 指標檢查 Timeline 中的記錄時間。

技術分享圖片

參考:https://developers.google.com/web/fundamentals/performance/rail

性能優化-使用 RAIL 模型評估性能