Le lazy loading permet de ne charger les images et vidéos qu’au moment où un visiteur les fait réellement apparaître à l’écran. Sur un serveur LiteSpeed, cela se configure facilement via le plugin gratuit LiteSpeed Cache pour WordPress. Cela réduit le temps de chargement de l’affichage initial de la page, économise de la bande passante et améliore votre score Core Web Vitals. Vous trouverez ci-dessous les étapes pour l’activer et le configurer de manière optimale.
Qu’est-ce que le lazy loading et pourquoi l’utiliser
Par défaut, un navigateur charge toutes les images d’une page en même temps, y compris celles situées en bas de page et qui ne deviennent visibles qu’après avoir défilé. Le lazy loading retarde le chargement de ces images jusqu’au moment où elles approchent de la partie visible de l’écran. Ainsi, la page initiale est prête plus rapidement, le navigateur consomme moins de données et l’expérience utilisateur s’améliore, surtout sur les connexions mobiles.
Cela est également pertinent pour le classement dans les moteurs de recherche : la vitesse et les Core Web Vitals jouent un rôle dans l’évaluation d’un site web. LiteSpeed Cache combine le lazy loading avec d’autres optimisations, comme la conversion automatique des images dans des formats modernes et la minification du CSS/JS.
Activer le lazy loading via LiteSpeed Cache
Sur les serveurs utilisant LiteSpeed Web Server, comme chez les hébergements web de Tandata, on utilise généralement le plugin LiteSpeed Cache pour WordPress. Il est disponible gratuitement dans le répertoire des plugins WordPress et fonctionne directement avec le cache du serveur.
Installez le plugin LiteSpeed Cache
Allez dans Extensions > Ajouter une extension dans WordPress, recherchez « LiteSpeed Cache », puis installez et activez le plugin.
Ouvrez l’onglet Page Optimization
Allez dans LiteSpeed Cache dans le menu et cliquez sur l’onglet « Page Optimization ». Vous y trouverez la section Media Settings.
Activez le lazy loading
Activez « Lazy Load Images » et, si souhaité, « Lazy Load Iframes ». Enregistrez les paramètres.
Configurez un placeholder
Choisissez une option sous « Responsive Placeholder » ou « Generate LQIP In Background », afin que les images se chargent correctement sans décalage de mise en page.
Ajuster les paramètres et ajouter des exceptions
Toutes les images ne profitent pas du lazy loading. Le logo et la première image au-dessus de la ligne de flottaison (above the fold) sont mieux chargés directement, car un report ralentirait l’expérience. Dans LiteSpeed Cache, vous pouvez ajouter des images, classes ou URL spécifiques dans « Lazy Load Image Excludes » pour les exclure.
Ajoutez-y par exemple le chemin vers votre logo ou l’image héro. Il est également conseillé d’utiliser l’option « Generate LQIP In Background » : cela génère un aperçu léger et flou (Low Quality Image Placeholder) afin que la page ne tressaute pas pendant le chargement.
Si vous gérez plusieurs sites web et domaines chez un même fournisseur, vous retrouverez ces paramètres par domaine dans Plesk, sous votre compte d’hébergement. Si vous envisagez de passer à un fournisseur disposant de serveurs LiteSpeed et de stockage NVMe, consultez changer vers Tandata.
Tester le lazy loading et résoudre les problèmes
Après l’activation, vérifiez toujours que les images se chargent correctement. Ouvrez votre site dans une fenêtre de navigation privée, faites défiler lentement vers le bas et vérifiez que les images apparaissent de manière fluide, sans retard ni zones vides.
Si vous rencontrez des problèmes, comme des images qui ne se chargent pas du tout ou une mise en page cassée, vérifiez d’abord s’il existe des conflits avec un autre plugin de cache ou d’optimisation. N’utilisez pas deux plugins appliquant simultanément le lazy loading. Videz le cache LiteSpeed après chaque modification via l’icône d’éclair dans la barre WordPress.
Si cela ne fonctionne toujours pas après ces étapes, consultez la base de connaissances de Tandata ou contactez le support. Chez Tandata, une assistance 24/7 est disponible via WhatsApp, tickets et e-mail, aussi pour ce genre de questions de configuration.
Questions fréquentes
Le lazy loading fonctionne-t-il aussi sans plugin, directement via LiteSpeed ?
LiteSpeed Web Server ne propose pas lui-même de fonction de lazy loading distincte du plugin ; pour les sites WordPress, vous utilisez le plugin LiteSpeed Cache, qui gère l’optimisation au niveau de l’application.
Le lazy loading ralentit-il le score SEO ?
Non, correctement configuré, le lazy loading améliore au contraire le temps de chargement et les Core Web Vitals. Veillez toutefois à exclure les images situées au-dessus de la ligne de flottaison, sinon le Largest Contentful Paint peut être ralenti.
Puis-je désactiver le lazy loading pour une seule page ?
Oui, via les paramètres d’exclusion dans Page Optimization, vous pouvez ajouter des classes, ID ou motifs d’URL spécifiques que vous souhaitez exclure du lazy loading.
Le lazy loading fonctionne-t-il aussi pour les pièces jointes d’e-mail ou d’autres services ?
Non, le lazy loading ne concerne que les pages web. Pour un e-mail professionnel avec un score de sécurité élevé, consultez e-mail professionnel.
Ai-je besoin d’un domaine spécifique pour configurer cela ?
Non, le réglage fonctionne sur tout domaine hébergé sur un serveur LiteSpeed avec WordPress. Si vous souhaitez enregistrer un nouveau domaine, consultez les options sous noms de domaine.
Conclusion
Configurer le lazy loading via LiteSpeed Cache est un moyen simple et gratuit de rendre votre site WordPress nettement plus rapide. Installez le plugin, activez le lazy loading via Page Optimization, excluez les images importantes au-dessus de la ligne de flottaison et testez le résultat. Vous combinez ainsi un serveur rapide avec une page d’accueil optimisée.