Imaginez ouvrir un long article de blog utile sur lequel de nombreuses personnes ont commenté. WordPress chargera normalement la page et tous les commentaires en premier, avant de les afficher à l'utilisateur. Cela entraîne un site Web plus lent et une mauvaise expérience utilisateur.
D'après notre expérience chez WPBeginner, le chargement différé des commentaires est un excellent moyen d'améliorer les performances de WordPress, en particulier pour les articles comportant de nombreux commentaires. Il retarde le chargement de votre section de commentaires jusqu'à ce qu'elle soit nécessaire, lorsque l'utilisateur fait défiler jusqu'en bas de l'article.
Cet article fournit un guide simple pour le chargement différé des commentaires dans WordPress, augmentant la vitesse de votre site et offrant une expérience plus fluide à vos visiteurs.
Pourquoi charger les commentaires WordPress en différé ?
Les commentaires sont excellents pour l'engagement des utilisateurs, et il existe de nombreuses façons d'obtenir plus de commentaires sur vos articles de blog WordPress.
Cependant, les commentaires peuvent également augmenter la taille de la page Web. Cela peut augmenter le temps de chargement de votre page et nuire à l'expérience utilisateur en obligeant les utilisateurs à attendre plus longtemps pour voir le contenu sur votre site WordPress.
La vitesse de chargement des pages est une métrique de performance extrêmement importante. Elle affecte l'expérience utilisateur et les performances SEO et la bande passante de votre site. Vous pouvez consulter notre guide ultime pour améliorer la vitesse et les performances de WordPress pour plus de détails.
En ne chargeant pas les commentaires immédiatement, vous pouvez améliorer considérablement les temps de chargement des pages de vos articles. Le chargement différé améliore également l'expérience utilisateur sur les connexions Internet lentes et les petits écrans, tels que les appareils mobiles.
Cela dit, examinons comment ajouter facilement le chargement différé pour les commentaires WordPress.
Comment charger les commentaires WordPress en différé
Tout d'abord, vous devez installer et activer le plugin Lazy Load for Comments. Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.
Après l'activation, vous devez visiter la page Paramètres » Discussion pour configurer le plugin.
Faites simplement défiler vers le bas jusqu'à la section « Lazy Load Comments » et sélectionnez votre méthode de chargement différé. Le plugin propose deux méthodes pour charger les commentaires en différé sur votre site web WordPress.
Vous pouvez sélectionner la méthode « Au clic », qui ajoute un bouton à la fin de vos articles, permettant aux utilisateurs de cliquer pour charger les commentaires.
Vous pouvez également choisir la méthode « Au défilement », qui charge automatiquement les commentaires lorsqu'un utilisateur fait défiler jusqu'à la fin d'un article.
Ensuite, n'oubliez pas de cliquer sur le bouton « Enregistrer les modifications » pour sauvegarder vos paramètres.
Test du chargement différé des commentaires sur votre site WordPress
Vous pouvez maintenant visiter n'importe quel article de votre blog WordPress. L'apparence de la section des commentaires dépendra de la méthode de chargement différé que vous avez sélectionnée.
Si vous avez choisi « Au défilement », le défilement jusqu'en bas de l'article chargera automatiquement la section des commentaires WordPress afin que vous puissiez laisser un commentaire et afficher les commentaires existants.
Cependant, si vous choisissez « Au clic », vous verrez alors un bouton « Charger les commentaires » à la place.
Cliquer sur le bouton chargera les commentaires existants et le formulaire de commentaires.
Bonus : Améliorez l'interaction des commentaires avec Thrive Comments
Le chargement différé des commentaires n'est qu'une façon d'offrir une meilleure expérience utilisateur dans votre section de commentaires WordPress. Vous pouvez également utiliser un plugin de commentaires pour stimuler davantage l'engagement des utilisateurs.
Par exemple, vous pouvez faire passer l'expérience des commentaires sur votre site web au niveau supérieur en utilisant Thrive Comments.
Ce plugin permettra à vos utilisateurs de liker ou ne pas aimer les commentaires. Cela permet aux visiteurs d'interagir avec votre site sans avoir à laisser leurs propres commentaires.
C'est une façon de rendre votre site Web WordPress plus semblable à Reddit. Vous pouvez même attribuer automatiquement des badges à vos commentateurs lorsqu'ils atteignent certains jalons.
Ce plugin facilite également la gestion des commentaires pour votre équipe. Vous pouvez utiliser son tableau de bord de modération des commentaires pour répondre rapidement, supprimer et même attribuer des commentaires à d'autres administrateurs.
Nous espérons que cet article vous a aidé à apprendre comment charger paresseusement les commentaires dans WordPress. Vous voudrez peut-être aussi consulter notre guide sur la façon de permettre aux utilisateurs de s'abonner aux commentaires dans WordPress et notre sélection d'experts des meilleurs plugins pour améliorer les commentaires WordPress.
Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.
Jiří Vaněk
Concernant le chargement paresseux, j'ai écrit un article à ce sujet sur mon blog. C'est un sujet sur lequel beaucoup de gens ont des opinions complètement opposées. Certains le considèrent comme une excellente pratique pour les images ou, comme on le voit ici avec les commentaires, tandis que d'autres soulignent que le chargement paresseux peut avoir un impact négatif sur l'expérience utilisateur en rendant le site Web anormal, ce qui peut devenir apparent dans certaines situations.
J'ai également rencontré des cas où le chargement différé affecte négativement la métrique Cumulative Layout Shift, ce qui peut ensuite avoir un impact défavorable sur les métriques de Google pour l'évaluation des performances d'un site Web. Par conséquent, la prudence est de mise avec le chargement différé dans certaines situations, car il peut nuire à l'expérience utilisateur et aux métriques de performance du site Web sur Google.
Support WPBeginner
It would heavily depend on how the lazy loading is added for if it would affect the cumulative layout shift or not. It is still an option for sites that want to use or try lazy loading to see what works for them
Admin
Jiří Vaněk
Merci pour votre réponse. Oui, vous avez raison, la disposition du site Web est importante, et le chargement différé peut convenir à certains et pas à d'autres. Cependant, j'ai été surpris que PageSpeed Insights signale le chargement différé de manière négative et me recommande de le désactiver.
Ralph
J'ai activé le chargement différé pour les commentaires dès le début sur mon blog et je pense que tout le monde devrait le faire.
Tu sais pourquoi ?
À cause du défilement.
Si vous avez un article de blog expert avec, disons, 100 commentaires, ce qui n'est pas si rare, il peut devenir long. Si vous parcourez le texte pour scanner évidemment les H2, H3, etc. et que vous voyez que la barre de défilement est minuscule, vous supposez que le contenu est très long, ce qui peut décourager même de le lire. Mais les 3/4 pourraient être à cause des commentaires. Nous avons tous de moins en moins de temps, donc nous voulons des informations concises, pas des livres. Pour moi du moins, ces détails sont importants.
Support WPBeginner
Thanks for sharing your reasoning
Admin
Himanshu
j'installe le chargement différé pour les commentaires mais ça ne marche pas dans le thème Newspaper
Support WPBeginner
Si vous contactez le support du plugin, ils devraient pouvoir voir s'il s'agit d'un conflit entre le thème et le plugin.
Admin
Ammar
Je n'aime pas trop les plugins sur un site, il est donc préférable de le faire manuellement ! Pouvez-vous écrire comment faire cela manuellement ?
Samiullah Khan
Je ne sais pas comment l'installation aura un impact sur notre site. Si cela fera des requêtes supplémentaires pour le CSS ou le JavaScript.
Écrire votre propre logique inclura également la gestion de la manipulation du DOM pour ajouter le bouton 'Charger plus' ou écouter les événements de défilement et les remplacer par les commentaires réels.
Il y a des compromis dans les deux sens.
Mike Patterson
Merci pour ce merveilleux plugin. Vraiment utile !