Load Disqus Comment System On Demand for at reducere sideindlæsningstid

Disqus er et af de mest populære kommentarsystemer, som de fleste probloggere bruger til deres websteder ved at erstatte standard Blogspot-bloggerkommentarsystemet. Disqus kan også bruges med wordpress-websteder, og grunden til, at de fleste bloggere foretrækker Disqus, er, at den har mange funktioner, som standardkommenteringssystemet ikke giver. Her vil jeg vise dig, hvordan du integrerer Disqus-kommentarer på en mere effektiv måde med dit websted, hvilket vil resultere i at forbedre dit websteds indlæsningstid.

Metoden, der kan bruges til at reducere sidens indlæsningstid med Disqus-kommentarsystem, er kendt som load-on-demand. Som standard indlæses kommentarerne sammen med siden, men i load on demand-metoden vises kommentarerne kun, når brugeren vil have dem til at se det. Dette sparer indlæsningstiden, som normalt tages af kommentarerne, og som et resultat placeres webstedet bedre på Google.

Indlæser Disqus on Demand for Blogspot & Wordpress

For at indlæse Disqus on demand skal du placere to koder i skabelonen. Den ene kode er til knappen, og den anden er javascriptet, som får kommentarerne til at indlæses efter behov.

Kopier nedenstående kode og placer den på din skabelon, hvor du skal indsætte knappen. Når en webside er indlæst, vil den besøgende se denne knap i stedet for kommentarerne, og når denne knap trykkes, begynder kommentarerne at blive vist.

// Kode til knap

Kopier nedenstående kode og indsæt den lige inden det afsluttende tag på kroppen inde i din skabelon. Denne kode får knappen til at vises i stedet for kommentaren og hjælper med kun at indlæse kommentarerne på hver side, når en bruger anmoder om det.

var disqus_shortname = 'kort navn'; // Erstat det korte navn med dit korte navn

funktionsbelastningskommentarer (katalysatorer, links) {$ (dokument). klar (funktion ($) {hvis (typeof disqus_shortname! == “udefineret”) {hvis (! katalysatorer) {katalysatorer = “# kommentarer-adgang”;} katalysatorelementer = $ (katalysatorer); catalyst_link_elements = catalyst_elements.add (links); catalyst_link_elements.click (funktion () {$ .ajaxSetup ({cache: sand}); $ .getScript (“http: //” + disqus_shortname + “.disqus. com / embed.js ”); $ .ajaxSetup ({cache: false}); catalyst_elements.remove ();});}}); } / * Funktion accepterer 2 argumenter, fx: loadComments (“# my-custom-id”, “.link-element-1, .link-element-2”); * / loadComments ();

Glem ikke at erstatte koden i det røde med dit Disqus-korte navn, ellers fungerer denne kode ikke. Denne kode kræver JQuery og fungerer meget glat. Der er mange populære websteder, der bruger belastning på efterspørgsel efter Disqus som f.eks labnol.org og det er tid for dig at skifte til indlæsningsfunktion til efterspørgsel.