開發人員工具提示：偵錯擷取優先順序

Sofia Emelianova

瀏覽器會先顯示部分網頁內容，然後再顯示其他內容。您可以使用 Fetch Priority API，向瀏覽器傳送重要資源的初始擷取優先順序，以最佳化資源載入作業。

觀看影片，瞭解如何：

• 在「Performance」面板中找出「loading」指標，也就是「Largest Contentful Paint (LCP)」。
• 請參閱「網路」面板中的初始和最終優先順序，以及「效能」追蹤記錄中的「網路」追蹤記錄。
• 使用本機覆寫值測試 <img>、<link> 和 <script> 元素中的 fetchpriority 屬性。
• 瞭解 loading 和 fetchpriority 屬性的差異。
• 瞭解何時應降低資源的優先順序。

LCP 圖片顯然可從 fetchpriority="high" 中受益。另一個提示是，如果瀏覽器會自動提高圖片的優先順序，那麼一開始就設定優先順序就很有幫助。

如需詳細資訊，請參閱：

• 使用 Fetch Priority API 最佳化資源載入
• 查看網路要求
• 查看時間
• 使用大型要求列