PRPL 是縮寫字母,用來描述用於加快網頁載入速度和互動性的模式:
- 預先載入較晚發現的資源。
- 盡快轉譯初始路線。
- 預先快取剩餘的素材資源。
- 延遲載入其他路徑和一般資產。
本指南將說明如何將這些技術結合使用,但仍可獨立使用來達成成效。
使用 Lighthouse 稽核網頁
執行 Lighthouse,找出符合 PRPL 技巧的改善機會:
- 按下 `Control+Shift+J` 鍵 (在 Mac 上為 `Command+Option+J` 鍵) 開啟開發人員工具。
- 按一下「Lighthouse」分頁標籤。
- 勾選「成效」和「漸進式網頁應用程式」核取方塊。
- 按一下「執行稽核」即可產生報表。
詳情請參閱「使用 Lighthouse 找出效能改善機會」。
預先載入重要資源
如果某個資源的剖析和擷取作業延遲,Lighthouse 會顯示下列失敗的稽核項目: