Le lazy loading (chargement différé) consiste à ne charger une ressource (image, vidéo, composant) qu'au moment où elle devient nécessaire, généralement quand elle approche de la zone visible. Résultat : un chargement initial plus rapide et de meilleurs Core Web Vitals.
Pourquoi le lazy loading accélère un site
Sans lazy loading, le navigateur télécharge tout dès le départ, y compris des images en bas de page que l'utilisateur ne verra peut-être jamais. En différant ce qui n'est pas immédiatement visible, on réduit le poids initial et on affiche la page utile plus vite.
Comment l'implémenter
- Images : attribut
loading="lazy"(natif) ou composant optimisé (next/image le fait par défaut) - Images au-dessus de la ligne de flottaison : ne PAS lazy-loader (charger en priorité)
- Vidéos et iframes : différer le chargement (facade ou loading=lazy)
- Composants lourds : import dynamique (code splitting)
Piège classique : lazy-loader l'image hero (LCP). Les ressources visibles au chargement doivent au contraire être prioritaires. Le lazy loading ne concerne que ce qui est hors écran.
Lazy loading et frameworks modernes
Next.js applique le lazy loading par défaut sur les images (next/image) et permet le chargement différé de composants via dynamic(). Bien utilisé, c'est l'un des leviers les plus simples pour améliorer la vitesse perçue.
Un site rapide qui convertit
Solentia optimise la performance de votre site pour de meilleurs Core Web Vitals.
Demander un audit performanceQuestions fréquentes
Écrit par l'agence Solentia
Une équipe experte, 10 ans d'expérience terrain
Solentia est une agence digitale spécialisée en SEO, Google Ads, développement web et IA. Depuis 10 ans, nous accompagnons PME, scale-ups et institutions à Bruxelles, Paris, Genève et Londres. Nos articles s'appuient sur des cas clients réels et des données vérifiées.
Passer à l'action
Ces stratégies vous intéressent pour votre projet ?
Nos experts appliquent exactement ces méthodes chaque jour pour des clients belges et européens. Obtenez une analyse de votre situation en 48h.