Il browser mostra prima alcuni contenuti della pagina web e poi altri. 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.
- Visualizza le priorità iniziali e finali nel riquadro Rete e nel canale Rete della traccia Rendimento.
- Utilizza le sostituzione locali per testare gli attributi
fetchpriority
negli elementi<img>
,<link>
e<script>
. - Scopri la differenza tra gli attributi
loading
efetchpriority
. - Scopri quando abbassare la priorità delle risorse.
Le immagini LCP possono trarre chiaramente vantaggio da fetchpriority="high"
. Un altro suggerimento è che se il browser aumenta automaticamente la priorità di un'immagine, ha senso impostarla inizialmente.
Per ulteriori informazioni, vedi: