Browser akan menampilkan beberapa konten halaman web terlebih dahulu dan beberapa lainnya kemudian. Dengan Fetch Priority API, Anda dapat menandakan prioritas pengambilan awal resource yang penting ke browser untuk mengoptimalkan pemuatan resource.
Tonton video untuk mempelajari cara:
- Temukan metrik pemuatan, Largest Contentful Paint (LCP), di panel Performa.
- Lihat prioritas awal dan akhir di panel Jaringan dan jalur Jaringan dari trace Performa.
- Gunakan penggantian lokal untuk menguji atribut
fetchpriority
di elemen<img>
,<link>
, dan<script>
. - Pelajari perbedaan antara atribut
loading
danfetchpriority
. - Pelajari kapan harus menurunkan prioritas resource.
Gambar LCP dapat dengan jelas memanfaatkan fetchpriority="high"
. Petunjuk lainnya adalah jika browser secara otomatis meningkatkan prioritas gambar, jadi masuk akal untuk menyetelnya di awal.
Untuk informasi selengkapnya, lihat: