RAIL

RAIL,是 響應(Response)、動畫(Animation)、空閒(Idle)和載入(Load) 的首字母縮寫,是 Google Chrome 團隊於 2015 年提出的一個性能模型,專注於使用者在瀏覽器中的體驗和效能。RAIL 的效能格言是:“關注使用者;最終目標不是讓你的網站在任何特定裝置上執行得很快,而是讓使用者感到滿意。” 互動有 4 個階段:頁面載入、空閒、響應輸入以及滾動和動畫。按首字母縮寫順序,主要原則是:

Response

100 毫秒 或更短時間內響應使用者,確認任何使用者輸入。

Animation

動畫時,在 16 毫秒 內渲染每一幀,以保持一致性並避免卡頓。

空閒

使用主 JavaScript 執行緒時,將任務分解成小於 50 毫秒 的塊,以便為使用者互動釋放執行緒。

載入

5 秒 內提供可互動內容。