Sommaire
La rapidité de votre site est une préoccupation essentielle si vous voulez rester compétitif sur Internet. En fait, la vitesse joue un rôle dans les performances de moteurs comme Google. C’est pourquoi il est impératif de faire des efforts pour maintenir la vitesse à un niveau optimal. L’utilisation de le Lazy Loading pour les images gravatar dans les commentaires de WordPress n’est qu’une méthode pour améliorer cette performance.
Un gravatar dans WordPress est l’image d’une personne. C’est un peu comme les images d’avatars que vous voyez sur des sites comme Facebook, Twitter et d’autres canaux sociaux. La seule différence est que les gravatars fonctionnent sur une grande variété de systèmes. Vous pouvez littéralement utiliser la même image qu’un auteur, comme vous pouvez le faire simplement en laissant un commentaire.
Aujourd’hui, je vais vous montrer comment charger des images plus rapidement dans WordPress en utilisant des techniques de lazy loading pour les images gravatar.
Quel est l’impact d’un Gravatar sur la vitesse du site ?
L’utilisation de gravatars dans WordPress signifie que votre site doit récupérer des informations auprès d’un tiers si quelqu’un laisse un commentaire. Ces images, bien que petites, sont envoyées depuis le Gravatar lui-même et collées sur votre site. Si vous avez une longue section de commentaires, cela est assez lourd.
Plus votre site fait appel à des sources de données externes, plus il est lent. Vous pouvez trouver d’autres éléments comme celui-ci si vous utilisez des outils comme Pingdom.
Le chargement paresseux signifie que ces éléments ne sont pas accessibles tant que l’utilisateur n’en a pas réellement besoin. Par exemple, les images d’un site web sont souvent chargées, que quelqu’un les regarde ou non. Le chargement paresseux garde ces éléments vides jusqu’à ce que l’utilisateur fasse défiler le contenu vers le bas pour le voir.
Utilisation de BJ Lazy Load
Dans ce tutoriel, je vais faire la démonstration du plugin BJ Lazy Load. L’une des raisons pour lesquelles je veux utiliser ce plugin est qu’il fait plus que charger paresseusement des images gravatar. En fait, il fonctionne également pour les images de poste et les vignettes.
Il fonctionne bien pour un outil complet pour le Lazy Loading de WordPress.
Allez dans la zone des plugins et cliquez sur “Add New”.
Installez et activez le plugin “BJ Lazy Load”. Vous pouvez le trouver en utilisant le champ de recherche de texte à droite de la page Ajouter des plugins.
Après l’activation, allez dans la zone des paramètres et cliquez sur “BJ Lazy Load”. Vous le trouverez en bas de la liste dans la zone Paramètres.
Par défaut, BJ Lazy Load activera tous les éléments. Vous pouvez personnaliser les options que vous souhaitez activer en cliquant sur “Oui” ou “Non” dans la liste.
Vous pouvez également choisir d’utiliser des images de remplacement, de sauter certaines classes, d’entrer un seuil en pixels avant le chargement des images et d’utiliser plutôt des aperçus en basse résolution.
Une fois que vous avez fini de personnaliser vos paramètres, cliquez sur le bouton “Enregistrer les modifications” pour les valider.
C’est tout ce dont vous avez besoin pour utiliser le Lazy Loading pour les commentaires et les gravatars. C’est une procédure assez simple qui peut avoir un impact important sur les performances de votre site.
Si vous n’êtes pas sûr de la façon dont les changements fonctionnent, testez un billet qui contient beaucoup de commentaires sur Pingdom. Installez et activez BJ Lazy Load et testez à nouveau le message. Vous devriez voir une différence dans la vitesse du site.
Autres plugins à noter
WordPress est plein de plugins pour améliorer les performances. Voici quelques autres outils de chargement paresseux que vous pourriez trouver utiles.
a3 Charge paresseuse
Le plugin a3 Lazy Load est un outil semi-populaire avec d’excellentes critiques. Il s’applique à toutes les images d’un site web, qu’il s’agisse de gravatars ou de vignettes. Il est également compatible avec l’intégration, les iFrames, l’AMP et bien d’autres. Il possède une fonctionnalité similaire à celle de BJ Lazy Load, car il permet d’activer et de désactiver certains éléments du site.
Lazy Load par WP Rocket
Lazy Load de WP Rocket est un outil simple qui permet d’accélérer le site. Il prend en charge la plupart des types d’images d’un site web, y compris les gravatars et les smilies. Il prend également en charge les iFrames, comme l’intégration de vidéos YouTube. C’est un plugin extrêmement simple qui n’offre pas beaucoup de possibilités de personnalisation.
Garder le site rapide
Garder WordPress rapide avec des gravatars à charge paresseuse dans la zone de commentaires n’est qu’une partie du maintien de l’efficacité aujourd’hui. Comme la plupart des gens abandonnent un site qui prend trop de temps à charger, vous devez faire ce que vous pouvez pour les conserver. Qu’il s’agisse de chargement paresseux ou de l’installation de W3 Total Cache, la vitesse compte vraiment.
Quels plugins utilisez-vous pour améliorer la vitesse du site ? À quelle fréquence testez-vous les performances de votre site avec des outils en ligne comme Pingdom ou Google PageSpeed Insights ?