透過 PRPL 模式套用即時載入

PRPL 是縮寫字母,用來描述用於加快網頁載入速度和互動性的模式:

  • 預先載入較晚發現的資源。
  • 盡快轉譯初始路線。
  • 預先快取剩餘的素材資源。
  • 延遲載入其他路徑和一般資產。

本指南將說明如何將這些技術結合使用,但仍可獨立使用來達成成效。

使用 Lighthouse 稽核網頁

執行 Lighthouse,找出符合 PRPL 技巧的改善機會:

  1. 按下 `Control+Shift+J` 鍵 (在 Mac 上為 `Command+Option+J` 鍵) 開啟開發人員工具。
  2. 按一下「Lighthouse」分頁標籤。
  3. 勾選「成效」和「漸進式網頁應用程式」核取方塊。
  4. 按一下「執行稽核」即可產生報表。

詳情請參閱「使用 Lighthouse 找出效能改善機會」。

預先載入重要資源

如果某個資源的剖析和擷取作業延遲,Lighthouse 會顯示下列失敗的稽核項目: