Przeglądarka najpierw wyświetla niektóre treści strony internetowej, a później pozostałe. Za pomocą interfejsu Fetch Priority API możesz sygnalizować przeglądarce początkowy priorytet pobierania ważnych zasobów, aby zoptymalizować ich wczytywanie.
Obejrzyj film, aby dowiedzieć się, jak:
- W panelu Skuteczność odszukaj wskaźnik wczytywania największego wyrenderowania treści (LCP).
- Sprawdź pierwotny i ostateczny priorytet w panelu Sieć oraz na sesji Wydajność.
- Aby przetestować atrybuty
fetchpriority
w elementach<img>
,<link>
i<script>
, użyj zastępczych wartości lokalnych. - Dowiedz się, czym różnią się atrybuty
loading
ifetchpriority
. - Dowiedz się, kiedy obniżyć priorytet zasobów.
Obrazy LCP mogą wyraźnie korzystać z fetchpriority="high"
. Kolejną wskazówką jest to, że przeglądarka automatycznie podnosi priorytet obrazu, więc warto go ustawić na początku.
Aby dowiedzieć się więcej, zobacz: