Chargement différé
Le chargement différé retarde le chargement des ressources non essentielles, telles que les images ou les vidéos, jusqu'à ce qu'elles soient nécessaires. Cela réduit le temps de chargement initial de la page et améliore les performances perçues.
Le chargement différé permet aux navigateurs de se concentrer d'abord sur le contenu visible au chargement de la page, améliorant ainsi l'expérience utilisateur et les indicateurs de performance.
Un blog proposant des articles longs a implémenté le chargement différé des images natives. Le temps de chargement initial a diminué de 35 %, tandis que la fluidité du défilement est restée optimale.
Ce qui devrait être chargé à la demande
- Images situées sous le pli
- Vidéos intégrées
- Widgets tiers
Évitez les éléments à chargement différé qui ont un impact sur le LCP, tels que les images principales.
Meilleures pratiques
- Utilisez le chargement différé natif (loading="lazy") lorsque cela est possible.
- Veillez à ce que le contenu reste indexable.
- Tester le comportement sur différents appareils et navigateurs
Le chargement différé doit améliorer la vitesse et non masquer le contenu aux utilisateurs ou aux robots d'exploration.
Problèmes courants liés au chargement différé
- Chargement différé des images visibles au-dessus de la ligne de flottaison
- Blocage du rendu de contenu
- Chargement différé basé sur JavaScript que les moteurs de recherche ne peuvent pas traiter