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 facilement les commentaires paresseux dans WordPress (méthode sans code)

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Voulez-vous charger paresseusement les commentaires WordPress pour améliorer la vitesse de la page ?

De nombreux blogs et sites d’information populaires utilisent le lazy loading pour masquer les commentaires sur leurs articles. Les performances du site s’en trouvent améliorées, car la section des commentaires n’est pas chargée tant que l’utilisateur n’a pas défilé jusqu’au bas de l’article ou qu’il n’a pas cliqué sur un bouton.

Dans cet article, nous allons vous afficher comment facilement charger paresseusement les commentaires dans WordPress.

How to Easily Lazy Load Comments in WordPress

Pourquoi charger les commentaires WordPress paresseusement ?

Les commentaires sont excellents pour l’engagement des utilisateurs/utilisatrices, et il existe de nombreuses façons d’obtenir plus de commentaires sur vos publications 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 des utilisateurs en les faisant attendre plus longtemps avant de voir le contenu de votre site WordPress.

La vitesse de chargement des pages est une mesure de performance extrêmement importante. Elle affecte l’expérience de l’utilisateur, les performances SEO de votre site et la bande passante. 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 tout de suite, vous pouvez améliorer considérablement le temps de chargement des pages de vos articles. Le lazy loading améliore également le compte des utilisateurs/utilisatrices sur les connexions internet plus lentes et les écrans plus petits, comme les appareils mobiles.

Cela dit, voyons comment ajouter facilement le lazy load pour les commentaires WordPress.

Comment charger paresseusement les commentaires WordPress

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

Une fois activé, vous devez vous rendre sur la page Réglages  » Discussion pour configurer l’extension.

Select how you want to lazy load comments in WordPress

Défilez simplement vers le bas jusqu’à la section  » Lazy Load Comments  » et sélectionnez votre méthode de chargement paresseux. L’extension propose deux méthodes pour charger paresseusement les commentaires sur votre site WordPress.

Vous pouvez sélectionner la méthode « Au clic », qui ajoute un bouton à la fin de vos articles, permettant aux utilisateurs/utilisatrices de cliquer et de charger des commentaires.

Vous pouvez également choisir la méthode « Sur défilement », qui charge automatiquement les commentaires lorsqu’un compte utilisateur défile jusqu’à la fin d’une publication.

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

Tester les commentaires paresseux sur votre site WordPress

Vous pouvez maintenant visiter n’importe quelle publication sur votre blog WordPress. L’apparence de la section des commentaires dépendra de la méthode de chargement paresseux que vous avez sélectionnée.

Si vous avez choisi « Sur le défilement », le défilement jusqu’au bas de l’article chargera automatiquement la section des commentaires de WordPress afin que vous puissiez laisser un commentaire et voir les commentaires existants.

Animation of Lazy Load Comments on Scroll

Toutefois, si vous choisissez « Au clic », vous verrez apparaître un bouton « Charger les commentaires » à la place.

En cliquant sur le bouton, les commentaires existants et le formulaire de commentaires seront chargés.

Animation of Lazy Load Comments on Click

Bonus : Améliorer l’interaction des commentaires avec Thrive Comments

Le chargement paresseux des commentaires n’est qu’un moyen d’offrir une meilleure expérience utilisateur dans votre section de commentaires WordPress. Vous pouvez également utiliser une extension de commentaires pour stimuler davantage l’engagement des utilisateurs/utilisatrices.

Par exemple, vous pouvez faire passer l’expérience des commentaires sur votre site au niveau supérieur en utilisant Thrive Comments.

Cette extension permettra à vos utilisateurs/utilisatrices d’aimer ou de ne pas aimer les commentaires. Cela permet aux internautes de s’engager avec votre site sans avoir besoin de laisser leurs propres commentaires.

Add the upvote/downvote feature to your comments using Thrive Comments

C’est l’une des façons de rendre votre site WordPress plus proche de Reddit. Vous pouvez même attribuer automatiquement des badges à vos commentateurs lorsqu’ils atteignent certaines étapes.

Cette extension rend la gestion des commentaires plus facile pour votre équipe également. Vous pouvez utiliser son tableau de bord de modération des commentaires pour répondre rapidement, supprimer et même assigner des commentaires à d’autres administrateurs.

Nous espérons que cet article vous a aidé à apprendre comment charger facilement les commentaires paresseux sur WordPress. Vous pouvez également consulter notre guide sur la façon de permettre aux utilisateurs de s’abonner aux commentaires dans WordPress et notre choix d’experts des meilleurs plugins de preuve sociale pour WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and 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.

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

10 commentairesLaisser une réponse

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    Regarding lazy loading, I once wrote an article on my blog about it. It’s a topic on which many people have completely opposing views. Some consider it a great practice for images or, as seen here with comments, while others point out that lazy loading can negatively impact the user experience by making the website behave unnaturally, which might become apparent in certain situations.

    I’ve also encountered instances where lazy loading negatively affects the Cumulative Layout Shift metric, which can then unfavorably impact Google’s metrics for assessing website performance. Therefore, caution is needed with lazy loading in certain situations, as it can damage both user experience and website performance metrics on Google.

    • WPBeginner Support says

      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 :)

      Administrateur

  3. Ralph says

    I enabled lazy loading for comments as one of first things in my blog and i think everyone should.

    You know why?
    Becuase of scrolling.

    If you have expert blog post with lets say 100 comments which is not so uncommon it can get long. If you go to text to obviously scan H2, H3 etc and see the scrollbar is tiny, you assume content is super long which can be discouraging to even read it. But 3/4 of it could be becuase of comments. We all have less and less time so we want concise info, not books. For me at least, such details are important.

    • WPBeginner Support says

      If you reach out to the plugin’s support they should be able to see if this is a conflict between the theme and plugin

      Administrateur

  4. Ammar says

    I do not like so much plugins in a site so it is better to do this manually! Do you can please write on how to do this manually?

    • Samiullah Khan says

      I do not know how installing will impact our site. Whether it will make extra request for css or Javascript.

      Writing you own logic will also include also handling Dom manipulation to add the Load More Button or listem for scroll events and replace then with the actual comments.

      There are tradeoffs in both ways.

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.