瀏覽器會先顯示部分網頁內容,然後再顯示其他內容。您可以使用 Fetch Priority API,向瀏覽器傳送重要資源的初始擷取優先順序,以最佳化資源載入作業。
觀看影片瞭解如何:
- 在「效能」面板中找出「載入指標」「最大內容繪製 (LCP)」。
- 請參閱「網路」面板中的初始和最終優先順序,以及「效能」追蹤記錄中的「網路」追蹤記錄。
- 使用本機覆寫值測試
<img>
、<link>
和<script>
元素中的fetchpriority
屬性。 - 瞭解
loading
和fetchpriority
屬性的差異。 - 瞭解何時應降低資源的優先順序。
LCP 圖片顯然可從 fetchpriority="high"
中受益。另一個提示是,如果瀏覽器會自動提高圖片的優先順序,那麼一開始就設定優先順序就很有幫助。
如需詳細資訊,請參閱: