Il browser mostra prima alcuni contenuti della pagina web e altri in seguito. Con l'API Fetch Priority, puoi segnalare al browser la priorità di recupero iniziale delle risorse importanti per ottimizzare il caricamento delle risorse.
Guarda il video per scoprire come:
- Individua la metrica di caricamento Largest Contentful Paint (LCP) nel riquadro Rendimento.
- Controlla le priorità iniziali e finali nel riquadro Rete e il tracciamento Rete della traccia Rendimento.
- Utilizza gli override locali per testare gli attributi
fetchpriority
negli elementi<img>
,<link>
e<script>
. - Scopri la differenza tra gli attributi
loading
efetchpriority
. - Scopri quando ridurre la priorità delle risorse.
Le immagini LCP possono trarre chiaramente vantaggio da fetchpriority="high"
. Un altro suggerimento è se il browser aumenta automaticamente la priorità di un'immagine, quindi ha senso impostarla inizialmente.
Per ulteriori informazioni, vedi: