Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment charger paresseusement les Gravatars dans les commentaires WordPress

L’optimisation pour les moteurs de recherche de votre site WordPress est nécessaire pour améliorer l’expérience utilisateur et le classement dans les moteurs de recherche. Un moyen efficace de booster les performances est le lazy loading des Gravatars dans vos commentaires WordPress.

Chaque fois qu’un commentaire est ajouté à votre site, WordPress envoie une demande HTTP à Gravatar pour récupérer l’avatar du commentateur. Cela peut ralentir la vitesse de chargement des pages de votre site, en particulier sur les articles comportant beaucoup de commentaires.

Chez WPBeginner, nous gérons un blog à succès avec une section de commentaires active depuis de nombreuses années. Bien que nous n’ayons pas personnellement activé les Gravatars pour nos commentateurs, nous savons qu’ils peuvent aider à supporter un sens de la communauté parmi vos lecteurs, stimulant ainsi l’engagement.

Cela dit, nous savons aussi à quel point il est important que les publications et les pages se chargent rapidement.

Donc, dans cet article, nous allons vous afficher comment facilement lazy load Gravatars dans les commentaires WordPress et améliorer la vitesse de votre site.

Lazy load Gravatars in WordPress comments

Pourquoi Lazy Load Gravatars dans les commentaires WordPress ?

Gravatar est un service web très populaire. Il permet aux utilisateurs/utilisatrices de créer un profil et d’associer une image avatar à leur adresse e-mail.

Ces images sont ensuite utilisées dans les commentaires de WordPress chaque fois que l’internaute utilise cette adresse e-mail particulière. En effet, les sites WordPress peuvent récupérer les photos de profil sur le site Gravatar.

WordPress comments showing gravatar images of users

Même si les Gravatars sont excellents pour l’engagement des utilisateurs et le référencement, chaque Gravatar d’utilisateur ajoute une demande HTTP au chargement de votre page.

Cela augmente le temps d’attente des utilisateurs/utilisatrices pour voir le contenu de votre page, ce qui affecte négativement l’expérience de l’utilisateur.

Par exemple, dans la capture d’écran ci-dessous, vous pouvez voir le nombre de demandes HTTP envoyées par différents Gravatars.

Gravatar requests on your website

Le chargement paresseux des Gravatars dans votre section de commentaires empêche leur chargement jusqu’à ce que les Gravatars soient visibles à l’écran par l’utilisateur.

Cela peut aider à réduire la quantité de bande passante utilisée par votre site et à améliorer la vitesse et les performances globales de WordPress.

Ceci étant dit, voyons comment facilement charger paresseusement des Gravatars dans les commentaires WordPress pour diminuer le temps de chargement des pages.

Comment charger paresseusement les Gravatars dans les commentaires WordPress

Tout d’abord, vous devez installer et activer l’extension a3 Lazy Load. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Une fois activé, visitez la page Réglages  » a3 Lazy Load dans la colonne latérale de l’administrateur WordPress. Ouvrez l’onglet « Lazy Load Images ».

Ensuite, permutez l’interrupteur situé à côté de la faculté « Gravatars ». Maintenant, tous les Gravatars sur votre site, y compris ceux dans les sections de commentaires et la bio de l’auteur, seront chargés paresseusement pour améliorer la vitesse du site.

Toggle the Gravatar switch to lazy load Gravatars in WordPress comments

Lorsque vous êtes satisfait, il vous suffit de cliquer sur le bouton « Enregistrer les modifications » en bas de page pour stocker vos réglages.

Avec cette extension, vous pouvez également charger paresseusement les images dans votre contenu WordPress, les miniatures, les vidéos, et plus encore. Vous pouvez même ajouter une fonctionnalité d’effet de chargement pour Gravatars en défilant vers l’onglet  » Effect & Style « .

À partir de là, choisissez l’effet de chargement par rotation ou par fondu. Vous pouvez également sélectionner une couleur d’arrière-plan de chargement qui sera affichée aux utilisateurs/utilisatrices pendant le chargement du Gravatar sur votre site.

Une fois les modifications apportées, n’oubliez pas de cliquer sur le bouton « Enregistrer les modifications » pour stocker vos réglages.

Customize the Gravatar loading effect

Vous pouvez maintenant visiter n’importe quel article avec des commentaires sur votre site WordPress. Consultez cette page, vous verrez le chargement paresseux des images Gravatar au fur et à mesure que l’utilisateur défile vers le bas.

Astuces pour améliorer la vitesse des sites WordPress

Outre Gravatars, vous pouvez également ajouter lazy load pour les commentaires, les vidéos et les images sur votre site WordPress afin d’améliorer la vitesse de chargement des pages.

Toutefois, si vous ne souhaitez pas charger ces parties de votre site paresseusement, vous pouvez également essayer :

Pour plus d’astuces, vous pouvez consulter notre guide ultime sur la façon de booster la vitesse et les performances de WordPress.

Si vous avez essayé toutes ces méthodes et que la vitesse de votre page ne s’est toujours pas améliorée, nous vous recommandons de passer à un fournisseur d’hébergement WordPress rapide comme Hostinger.

Hostinger a obtenu d’excellents résultats lors de nos tests de performance WordPress. De plus, ils offrent à nos lecteurs une remise exclusive sur leurs offres d’hébergeur, à partir de seulement 2,69 $ par mois.

Hostinger website

Enfin, une fois que vous avez changé d’hébergeur et utilisé toutes nos astuces pour accélérer votre site, vous pouvez facilement tester les performances de votre site à l’aide de différents outils.

Pour obtenir des instructions détaillées, consultez notre tutoriel sur la manière d’effectuer correctement un test de vitesse de site.

Nous espérons que cet article vous a aidé à charger paresseusement les Gravatars dans les commentaires WordPress pour améliorer les performances du site. Vous pouvez également consulter notre guide du débutant sur la façon de modérer les commentaires sur WordPress et nos choix d’experts pour les meilleures extensions pour améliorer les commentaires sur WordPress.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

3 commentairesLaisser une réponse

  1. Dee

    Cache extension has their own lazyload. will that enough ?

  2. Kuba

    Great article, as always!
    But I´ve got one question: should I use the BJ Lazy Load plugin if I use e.g. Yoast SEO plugin, too or is the last one enough?

    • WPBeginner Support

      Hi Kuba,

      If you want to lazy load Gravatar images, then you should use BJ Lazy Load plugin along side Yoast SEO.

      Administrateur

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.