Laden Sie das Disqus-Kommentarsystem bei Bedarf, um die Ladezeit der Seite zu verkürzen

Disqus ist eines der beliebtesten Kommentarsysteme, das die meisten Profi-Blogger für ihre Websites verwenden, indem es das standardmäßige Blogspot-Blogger-Kommentarsystem ersetzt. Disqus kann auch mit WordPress-Websites verwendet werden und der Grund, warum die meisten Blogger Disqus bevorzugen, ist, dass es viele Funktionen hat, die das Standard-Kommentarsystem nicht bietet. Hier zeige ich Ihnen, wie Sie Disqus-Kommentare effektiver in Ihre Website integrieren können, um die Ladezeit Ihrer Website zu verbessern.

Die Methode, die mit dem Kommentarsystem von Disqus zur Reduzierung der Seitenladezeit verwendet werden kann, ist als Load-on-Demand bekannt. Standardmäßig werden die Kommentare zusammen mit der Seite geladen, aber bei der Load-on-Demand-Methode werden die Kommentare nur angezeigt, wenn der Benutzer sie sehen möchte. Dadurch wird die Ladezeit gespart, die normalerweise von den Kommentaren beansprucht wird, und die Website wird dadurch bei Google besser gerankt.

Disqus on Demand für Blogspot & Wordpress laden

Um Disqus on demand zu laden, müssen Sie zwei Codes in die Vorlage einfügen. Ein Code ist für die Schaltfläche und der andere ist das Javascript, das die Kommentare bei Bedarf lädt.

Kopieren Sie den folgenden Code und platzieren Sie ihn in Ihrer Vorlage an der Stelle, an der Sie die Schaltfläche einfügen möchten. Wenn eine Webseite geladen wird, sieht der Besucher diese Schaltfläche anstelle der Kommentare und wenn diese Schaltfläche gedrückt wird, werden die Kommentare angezeigt.

// Code für Schaltfläche

Kopieren Sie den folgenden Code und fügen Sie ihn direkt vor dem schließenden Tag des Hauptteils in Ihre Vorlage ein. Dieser Code lässt die Schaltfläche anstelle des Kommentars erscheinen und hilft beim Laden der Kommentare auf jeder Seite nur dann, wenn ein Benutzer dies anfordert.

var disqus_shortname = 'kurzer Name'; // Ersetze den Kurznamen durch deinen Disqus-Kurznamen

function loadComments(catalysts, links) { $(document).ready(function($){ if(typeof disqus_shortname !== „undefined“) { if(!catalysts) {catalysts = „#comments-access“; } Catalyst_elements = $(catalysts);catalyst_link_elements =catalyst_elements.add(links);catalyst_link_elements.click(function() { $.ajaxSetup({ cache: true}); $.getScript(“http://” + disqus_shortname + “.disqus. com/embed.js”); $.ajaxSetup({ cache: false }); Catalyst_elements.remove(); }); } }); } /* Funktion akzeptiert 2 Argumente zB: loadComments("#my-custom-id", ".link-element-1, .link-element-2"); */ loadComments();

Vergessen Sie nicht, den roten Code durch Ihren Disqus-Kurznamen zu ersetzen, sonst funktioniert dieser Code nicht. Dieser Code erfordert JQuery und funktioniert sehr reibungslos. Es gibt viele beliebte Websites, die Load-on-Demand für Disqus verwenden, wie z labnol.org und es ist an der Zeit, dass Sie auf die Funktion zum Laden von Kommentaren bei Bedarf wechseln.