Le navigateur affiche d'abord certains contenus de la page Web, puis d'autres. Avec l'API Fetch Priority, vous pouvez signaler au navigateur la priorité de récupération initiale des ressources importantes afin d'optimiser le chargement des ressources.
Regardez la vidéo pour découvrir comment:
- Recherchez la métrique de chargement, LCP (Largest Contentful Paint), dans le panneau Performances.
- Consultez les priorités initiales et finales dans le panneau Network (Réseau) et la piste Network (Réseau) de la trace Performances.
- Utilisez des forçages locaux pour tester les attributs
fetchpriority
dans les éléments<img>
,<link>
et<script>
. - Découvrez la différence entre les attributs
loading
etfetchpriority
. - Découvrez quand réduire la priorité des ressources.
Les images LCP peuvent clairement bénéficier de fetchpriority="high"
. Autre indice : si le navigateur augmente automatiquement la priorité d'une image, il est logique de la définir au départ.
Pour en savoir plus, consultez les pages suivantes :