brand-lws-red brand-lws-white
Tutoriels

WordPress
time_read13mn de lecture

Comment mettre en place du lazy loading sur WordPress ?

23 juin 2022

Comment mettre en place du lazy loading sur WordPress ?

WordPress permet aux utilisateurs d’ajouter des images et des vidéos aux publications en quelques clics seulement. Cependant, ces médias constituent l‘essentiel de poids d’une page web et peuvent malheureusement ralentir le chargement de votre site. 😑

Pour accélérer votre site, la meilleure option reste d’activer du lazy loading sur WordPress afin de faciliter le chargement de médias sans pour autant les retirer de vos publications. Ce qui va diminuer le poids de pages et, en conséquence, accélérer votre site. 😊

Objectif

Ce tutoriel donne des détails sur la manière la plus simple de mettre en place du lazy loading sur WordPress. Vous serez guidé sur la mise en place du lazy loading en utilisant deux plugins WordPress gratuits. 😇

Prérequis

Une solution clés en main pour créer un site WordPress ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Qu’est-ce que le lazy loading ?

accélerer le chargement de WordPress avec le lazyloadingLe lazy loading ou simplement le Lazy Load est une technique d’optimisation visant à charger les médias web lors du défilement de la page par le visiteur. Avec le Lazy Load, les images et les vidéos sont chargées uniquement lorsqu’elles sont visibles par les visiteurs. Ainsi, le chargement d’images en dessous de la ligne de flottaison est retardé. Il sera effectif que si cela est nécessaire, ou encore quand le visiteur défile la partie.

Cette mesure permet de réduire le nombre de requêtes HTTP. Ce qui, en conséquence, accélère le chargement de la page. Avec WordPress, il existe plus ou moins un plugin pour tout ! Et la mise en place du lazy loading ne déroge pas à la règle. Il existe de ce fait un nombre assez considérable de plugins que vous pouvez utiliser. La plupart d’entre eux sont gratuits.

Mettre en place le lazy loading sur WordPress avec un plugin

La mise en place du lazy loading est un geste anodin. Vous allez découvrir dans la partie suivante comment le mettre en place en utilisant deux plugins populaires et gratuits.

Utiliser le plugin Smush

Smush est un plugin tout particulièrement intéressant lorsqu’il faut mettre en place du lazy loading. Il est sûrement le plus populaire de la catégorie. Avec plus d’1 million d’installations actives, Smush comporte un nombre assez impressionnant des fonctionnalités pour l’optimisation de WordPress.

Pour activer le lazy loading avec Smush, suivez ces étapes :

  1. Connectez-vous au tableau de bord WordPress et installez le plugin Smush

installer Smush2. Après installation, accédez au plugin depuis la section « Smush › Lazy Load ».

: lazy loading sur WordPress configurer le plugin SmushDans la nouvelle interface, vous devez cocher tous les types d’images qui seront concernés par la lazy loading.configurer le plugin Smush Ensuite, vous pouvez aussi sélectionner tous les types de contenus et pages où vous souhaitez appliquer cette technique d’optimisation.choisir les contenus et pages concernées par le lazy loadingEn plus, vous pouvez aussi activer en un clic le lazy loading natif. De cette façon, les visiteurs utilisant des navigateurs Chromium tel que Chrome, Firefox ou encore Brave, bénéficient directement de ce chargement paresseux de médias.activer le lazy loading natif3. Enregistrez toutes vos modifications.enregistrer les modifications sur Smush

Utiliser LazyLoad Plugin

Lazy Load by WP RocketLe plugin LazyLoad est un second plugin populaire si vous souhaitez mettre en place du lazy loading sur WordPress. Après installation, vous devez accéder au plugin depuis la section « Réglages › Lazyload », dans l’espace d’administration.Reglages/LazyLoad Ensuite, vous serez redirigé vers une nouvelle interface. Vous devez sélectionner tous les médias qui seront concernés par le chargement paresseux d’images. configurer le plugin LazyLoadVous devez normalement cocher les trois options si vous souhaitez obtenir des meilleurs résultats. Puis, vous devez cliquer sur le bouton « Enregistrer les modifications » afin que vos changements soient pris en charge par WordPress.

En dehors de ces deux plugins, vous pouvez utiliser alternativement le plugin a3 Lazy Load.

Conclusion

🥳Toutes nos félicitations ! 🥳 Vous savez maintenant comment faire la mise en place du lazy loading sur WordPress à l’aide d’un plugin. Cette technique aura pour impact positif de réduire la taille de vos pages et ainsi booster les performances de votre site. Le plugin Smush et LazyLoad restent les deux meilleures extensions gratuites pour vous aider à mettre en place le lazy loading sans avoir à coder.

Trucs et astuces


Votre site WordPress est lent ? Utilisez Fastest Cache LWS pour accélérer votre site !

Si vous avez des questions, utilisez la section commentaires pour nous écrire. Et si vous n’avez pas encore de site WordPress, suivez notre tuto WordPress pour vous lancer. 🚀

Avatar de l'auteur

Auteur de l'article

Joseph

Joseph est rédacteur web depuis quatre ans. Ses thématiques préférées sont le digital et le web marketing et l’e-commerce. La persévérance, l’assiduité et le courage font partie de sa méthode de travail. C'est ce qui lui permet d'affronter n’importe quel sujet.

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.