Das Ergebnis ist, dass ein stark frequentierter Kommentarbereich eine erhebliche Belastung f\u00fcr den Webserver darstellt, die Gesamtgr\u00f6\u00dfe der Seite erh\u00f6ht, die Anzahl der erforderlichen HTTP-Anfragen<\/a> in die H\u00f6he treibt und zus\u00e4tzliche JavaScript-Ressourcen hinzuf\u00fcgt, mit denen die Browser zu k\u00e4mpfen haben. Unabh\u00e4ngig davon, ob du native WordPress-Kommentare verwendest oder ein Kommentarsystem<\/a> eines Drittanbieters wie Disqus oder Facebook-Kommentare eingebunden hast, k\u00f6nnen Kommentare die Geschwindigkeit deiner Webseite beeintr\u00e4chtigen, und du solltest es zu einer Priorit\u00e4t machen, die Leistung des Kommentarbereichs deiner Webseite zu optimieren. \u00dcbrigens, wenn du Probleme mit Kommentarspam hast, solltest du unbedingt unseren ausf\u00fchrlichen Guide zum Thema How to Stop WordPress Comment Spam<\/a> lesen.<\/p>\n Wenn du feststellst, dass der Kommentarbereich die Ladegeschwindigkeit deiner beliebtesten Blogbeitr\u00e4ge verlangsamt, gibt es ein paar Dinge, die du tun kannst:<\/p>\n Lass uns jede Strategie unabh\u00e4ngig voneinander betrachten, damit du herausfinden kannst, welche die beste f\u00fcr deine Webseite ist.<\/p>\n Es gibt zwei Dinge, die du tun kannst, um Webseiten zu beschleunigen, die mit einem Berg von nativen WordPress-Kommentaren belastet sind: Begrenze die Anzahl der Kommentare, die anf\u00e4nglich geladen werden und verwende lokal gehostete Avatare. Schauen wir uns jede Option der Reihe nach an.<\/p>\n Standardm\u00e4\u00dfig ist WordPress so eingestellt, dass alle deine Kommentare mit dem ersten Laden der Seite geladen werden. Das Laden von Dutzenden oder sogar Hunderten von Kommentaren, von denen jeder einen eigenen Avatar hat, kann deine Seite jedoch sehr belasten und viele zus\u00e4tzliche HTTP-Anfragen erzeugen.<\/p>\n Du kannst die Anzahl der Kommentare, die mit dem ersten Laden der Seite geladen werden, ganz einfach reduzieren.<\/p>\n Nachdem du diese Schritte durchgef\u00fchrt hast, wird die Anzahl der Kommentare, die du angegeben hast, beim ersten Laden der Seite angezeigt.<\/p>\n WordPress hat einen eingebauten Support f\u00fcr Gravatar<\/a>. Das bedeutet, dass jeder Nutzer mit einem Gravatar-Account sein eigenes Bild als Avatar hinzugef\u00fcgt bekommt, wenn er einen Blog \u00fcber das WordPress-Kommentarsystem kommentiert. Dies f\u00fcgt dem Kommentarbereich ein nettes, personalisiertes Element hinzu, hat aber einen erheblichen Preis. Wenn WordPress-Kommentare geladen werden, ben\u00f6tigt jeder einzelne Gravatar eine HTTP-Anfrage. Wenn also eine Seite mit Kommentaren von 50 verschiedenen Kommentatoren geladen wird, werden 50 HTTP-Anfragen ben\u00f6tigt, um all diese Gravatare herunterzuladen. Wie du dir vorstellen kannst, kann dies einen erheblichen Einfluss<\/a> auf die Seitengeschwindigkeit haben.<\/p>\n Wenn du entscheidest, dass Gravatars die zus\u00e4tzlichen HTTP-Anfragen nicht wert sind, hast du zwei M\u00f6glichkeiten. Erstens kannst du Avatare komplett deaktivieren, indem du zu Einstellungen > Diskussion<\/strong> gehst, den Abschnitt Avatare<\/strong> findest und das H\u00e4kchen bei Avatare<\/strong> anzeigen entfernst.<\/p>\n Wenn du nicht so eine drastische Ma\u00dfnahme ergreifen willst, ist eine andere M\u00f6glichkeit, zu lokal gehosteten Avataren zu wechseln. Dazu installierst du das WP User Avatar<\/a> Plugin. Sobald die Installation abgeschlossen ist, gehe zu Avatare > Einstellungen<\/strong> und aktiviere die Checkbox, um Gravatar zu deaktivieren und nur lokale Avatare<\/strong> zu verwenden. Wenn dir der Standard-Avatar, der mit WP User Avatar mitgeliefert wird, nicht gef\u00e4llt, gibt es ein sauberes Mystery User Image in diesem Tutorial zur Verwendung von lokal gehosteten Avataren<\/a>, die du hochladen und als Standard-Avatar verwenden kannst.<\/p>\n Beachte, dass nach dieser \u00c4nderung alle Kommentare mit dem Standard-Avatar angezeigt werden, es sei denn, die Nutzer registrieren sich auf deiner Webseite und laden einen eigenen Avatar hoch.<\/p>\n Deine letzte Option ist es, deine Gravatare auf dein eigenes CDN zu laden<\/a>. Das ist der Ansatz, den wir auf dem Kinsta Blog verfolgen. \ud83e\udd13<\/p>\n Es gibt eine Reihe von Gr\u00fcnden, warum du auf ein Drittanbieter-Kommentarsystem umsteigen solltest. Zum einen ist da die Serverlast zu bedenken. Das Erstellen und Laden von Kommentaren ist ein ressourcenintensiver Prozess. Wenn der Kommentarbereich deines Blogs stark frequentiert ist, kannst du diese Arbeit auf ein Kommentarsystem eines Drittanbieters verlagern und so den Server deiner Webseite entlasten.<\/p>\n Au\u00dferdem bieten die Systeme von Drittanbietern eine bessere Benutzererfahrung<\/a> als das native WordPress-Kommentarsystem. Sie k\u00f6nnen auch mehr Besucher dazu ermutigen, zu kommentieren, da Besucher, die bereits ein Konto bei dem Drittsystem haben, sofort kommentieren k\u00f6nnen, ohne sich registrieren oder Details zu deiner Webseite angeben zu m\u00fcssen.<\/p>\n In einigen F\u00e4llen kommen all diese Vorteile zum Tragen. Allerdings ist das nicht \u00fcberall so.<\/p>\n Nicht jeder liebt Drittanbieter-Kommentarsysteme<\/a> und andere machen sich Sorgen \u00fcber die Daten<\/a>, die im Hintergrund gesammelt werden. Au\u00dferdem klingt die Idee, dass Dritthersteller-Kommentarsysteme schneller<\/a> als native WordPress-Kommentare sind, in der Theorie gut, aber in der Realit\u00e4t sieht es meist anders aus.<\/p>\n Wenn du dich f\u00fcr ein Kommentarsystem eines Drittanbieters entscheidest, dann tue es, weil du die Erfahrung mit diesem System magst und weil du davon \u00fcberzeugt bist, dass deine Webseiten-Besucher es genauso lieben werden wie du selbst. Wechsle nicht zu einem Kommentarsystem eines Drittanbieters wegen einer vermeintlichen Leistungsverbesserung, die mehr theoretisch als realistisch sein k\u00f6nnte. Wenn du auf ein System eines Drittanbieters umsteigst, solltest du auch die n\u00e4chste Strategie in Betracht ziehen: Lazy Loading.<\/p>\n Unabh\u00e4ngig davon, ob du native WordPress-Kommentare oder ein System eines Drittanbieters verwendest, ist das Lazy Loading von Kommentaren eine Technik, die mit ziemlicher Sicherheit die Ladezeit deiner Seite beschleunigen wird. Kommentarsysteme, die Lazy Loading verwenden, werden aus dem anf\u00e4nglichen Rendering der Seite entfernt und entweder durch JavaScript geladen, wenn der Besucher einen bestimmten Punkt auf der Seite erreicht, oder indem er auf einen Button klickt, auf dem etwas wie „Kommentare anzeigen“ steht.<\/p>\n Wenn die Implementierung von Lazy Loading ein wenig technisch klingt, dann ist es das auch. Zum Gl\u00fcck musst du es nicht selbst herausfinden. Es gibt Plugins, die du nutzen kannst, um das von dir gew\u00e4hlte Kommentarsystem Lazy Loading zu nutzen.<\/p>\n Die F\u00e4higkeit, Kommentare lazy zu laden, ist nicht im WordPress-Core eingebaut. Eine gro\u00dfartige, leichtgewichtige und kostenlose L\u00f6sung, die wir empfehlen, ist das Lazy Load for Comments Plugin<\/a>.<\/p>\n Das Plugin ist \u00fcber das WordPress Plugin Verzeichnis verf\u00fcgbar. Du kannst es also direkt aus dem WordPress-Adminbereich installieren. Dadurch wird die Anzahl der HTTP-Anfragen durch Lazy Loading aller WordPress-Gravatare reduziert. Es ist sehr einfach zu konfigurieren. Einfach installieren und unter den Diskussionseinstellungen gibt es zwei Optionen. Standardm\u00e4\u00dfig ist es auf „On Scroll“ eingestellt, was die meisten Leute wahrscheinlich bevorzugen werden. Du kannst es auch auf „On Click“ einstellen, was einen Button erstellt, auf den die Besucher klicken k\u00f6nnen, bevor die Kommentare geladen werden.<\/p>\n Eine weitere M\u00f6glichkeit zum Lazy Loading von nativen Kommentaren ist die Verwendung des wpDiscuz<\/a> Plugins.<\/p>\n Das Plugin ist \u00fcber das WordPress Plugin Verzeichnis verf\u00fcgbar. Du kannst es also direkt \u00fcber den WordPress-Adminbereich installieren.<\/p>\n Wenn du jetzt eine Seite mit mehr als zehn Kommentaren besuchst, werden nur die ersten zehn Kommentare geladen. Weitere Kommentare werden automatisch geladen, sobald du das Ende des Kommentarbereichs erreichst.<\/p>\n Wenn du Disqus verwendest, ist es sehr wichtig, dass du Disqus-Kommentare lazy l\u00e4dst. Wenn du das nicht tust, kann Disqus ein echtes Hindernis f\u00fcr die Ladegeschwindigkeit deiner Webseite sein. Allerdings kann das Lazy Loading von Disqus-Kommentaren deine Webseite im Vergleich zu nativen WordPress-Kommentaren tats\u00e4chlich beschleunigen<\/a>.<\/p>\n Disqus Conditional Load<\/a> ist ein kostenloses Plugin, mit dem du Disqus auf deiner Webseite „Lazy Loading“ nutzen kannst. Wenn du Disqus noch nie benutzt hast, musst du dich zuerst f\u00fcr ein Konto anmelden und eine neue Webseite zu Disqus hinzuf\u00fcgen<\/a>. Sobald du deine Webseite eingerichtet hast, installiere Disqus Conditional Load, indem du auf Plugins > Neu hinzuf\u00fcgen<\/strong> gehst, nach „Disqus Conditional Load“ suchst und Jetzt installieren<\/strong> ausw\u00e4hlst.<\/p>\n Sobald die Installation abgeschlossen ist, gehe auf Kommentare > Disqus<\/strong> und w\u00e4hle Upgrade<\/strong>, um deine Datenbank<\/a> f\u00fcr die Zusammenarbeit mit Disqus zu konfigurieren. Auf dem folgenden Bildschirm loggst du dich mit deinem Disqus-Benutzernamen und -Passwort bei Disqus ein. Auf dem n\u00e4chsten Bildschirm w\u00e4hlst du deine Webseite aus, die du vor ein paar Minuten hinzugef\u00fcgt hast, und klickst auf den Button Weiter<\/strong>. Nachdem du diesen letzten Schritt abgeschlossen hast, wird Disqus auf deiner Webseite installiert und so konfiguriert, dass es Lazy Loading ausf\u00fchrt, wenn Leser den Kommentarbereich deines Blogs erreichen.<\/p>\n Wir nutzen dieses Plugin auf dem Kinsta Blog und k\u00f6nnen es nur empfehlen. Neben dem Lazy Loading aller Bilder (Avatare) kannst du damit auch das Z\u00e4hlskript deaktivieren, wenn du es nicht verwendest. Also ein JavaScript-Aufruf weniger auf deiner WordPress Seite.<\/p>\n Derselbe Entwickler des oben erw\u00e4hnten Disqus Conditional Load Plugins hat auch ein kostenloses Plugin erstellt, um Facebook Kommentare auf deiner WordPress Seite Lazy Loading zu laden. Facebooks Skripte sind daf\u00fcr bekannt, eine Webseite zu verlangsamen, selbst wenn die Skripte asynchron geladen werden.<\/p>\n\n
Strategien zur Behebung von langsam ladenden Kommentaren<\/h2>\n
\n
Native WordPress Kommentare optimieren<\/h2>\n
Die Anzahl der angezeigten Kommentare begrenzen<\/h3>\n
\n
![\"Kommentar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2016\/08\/other-comment-settings.png\" "\\"Comment")
Verwende lokal gehostete Avatare oder auf deinem CDN<\/h3>\n
Verwende ein Kommentarsystem eines Drittanbieters<\/h2>\n
Lazy Loading Kommentare<\/h2>\n
Lazy Loading Native WordPress Kommentare<\/h3>\n
![\"Lazy](\"https:\/\/kinsta.com\/wp-content\/uploads\/2016\/08\/lazy-load-for-comments-wordpress-plugin.png\" "\\"Lazy")
<\/a>![\"Beim](\"https:\/\/kinsta.com\/wp-content\/uploads\/2016\/08\/lazy-load-wordpress-comments-options.png\" "\\"On")
![\"wpDiscuz](\"https:\/\/kinsta.com\/wp-content\/uploads\/2016\/08\/wpdiscuz-wordpress-plugin.jpg\" "\\"wpDiscuz")
<\/a>\n
Lazy Load Disqus<\/h3>\n
![\"Disqus](\"https:\/\/kinsta.com\/wp-content\/uploads\/2016\/08\/disqus-conditional-load-wordpress-plugin.jpg\" "\\"Disqus")
<\/a>Lazy Loading Facebook Kommentare<\/h3>\n
![\"lazy](\"https:\/\/kinsta.com\/wp-content\/uploads\/2016\/08\/lazy-load-facebook-comments.jpg\" "\\"Lazy")
<\/a>