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

看風景就發表於2018-02-06
優化AI模型

RAIL 是一種以使用者為中心的效能模型。每個網路應用均具有與其生命週期有關的四個不同方面，且這些方面以不同的方式影響著效能：

 

TL;DR

  • 以使用者為中心；最終目標不是讓您的網站在任何特定裝置上都能執行很快，而是使使用者滿意。
  • 立即響應使用者；在 100 毫秒以內確認使用者輸入。
  • 設定動畫或滾動時，在 10 毫秒以內生成幀(一幀只有10ms來完成渲染工作，javascript的執行應該為3-4ms，之後其他工作，例如樣式計算，圖層管理，渲染層合併)。
  • 最大程度增加主執行緒的空閒時間。
  • 持續吸引使用者；在 1000 毫秒以內呈現互動內容。

關鍵 RAIL 指標彙總

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

 

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

相關文章