開發人員工具提示:對推測導覽項目進行偵錯,加快網頁載入速度

Sofia Emelianova
Sofia Emelianova

推測規則 API 可讓您根據自行定義的推測規則,近乎即時地載入網頁。如此一來,您的網站就能預先擷取及預先算繪大多數前往的網頁。

請觀看影片並觀看示範影片,瞭解如何:

  • 依序點選「應用程式」 >「背景服務」 >「推測載入」,檢查推測項目、規則和狀態。
  • 您可以透過頂端動作列中的下拉式選單切換算繪畫面,並使用所有開發人員工具面板檢查算繪結果。
  • 即時追蹤記錄預先算繪狀態。

如何得知使用者接下來會點選什麼?為了充分發揮推測載入的潛力,Chrome 121 現可擷取文件中的所有連結,而非固定清單,但只有在使用者將遊標懸停在連結上即將點選的連結時,才會預先算繪。

請觀看影片的最後一部分,瞭解如何實作文件規則及偵錯,這些規則會在懸停或滑鼠遊標懸停事件時觸發預先算繪。這些事件會讓使用者在瀏覽前推斷載入頁面。歡迎透過這個示範瞭解這項功能。

詳情請參閱: