Carregueu el sistema de comentaris de Disqus sota demanda per reduir el temps de càrrega de la pàgina

Disqus és un dels sistemes de comentaris més populars que la majoria dels bloggers professionals utilitzen per als seus llocs web substituint el sistema de comentaris predeterminat de Blogspot. Disqus també es pot utilitzar amb els llocs web de wordpress i la raó per la qual la majoria dels bloggers prefereixen Disqus és que té moltes funcions que el sistema de comentaris per defecte no proporciona. Aquí us mostraré com integrar els comentaris de Disqus d’una manera més eficaç amb el vostre lloc web, cosa que permetrà millorar el temps de càrrega del vostre lloc web.

El mètode que es pot utilitzar per reduir el temps de càrrega de la pàgina amb el sistema de comentaris de Disqus es coneix com a càrrega a la carta. Per defecte, els comentaris es carreguen juntament amb la pàgina, però en el mètode de càrrega sota demanda, els comentaris només es mostraran quan l'usuari vulgui que els vegi. Això estalviarà el temps de càrrega que prendran normalment els comentaris i, com a resultat, el lloc web es classificarà millor a Google.

S'està carregant els requeriments a la carta de Blogspot i Wordpress

Per carregar Disqus a la carta, heu de col·locar dos codis a la plantilla. Un codi és per al botó i l’altre és el javascript que farà que els comentaris es carreguin sota demanda.

Copieu el codi següent i col·loqueu-lo a la plantilla on hàgiu d'inserir el botó. Quan es carrega una pàgina web, el visitant veurà aquest botó en lloc dels comentaris i, quan es prem aquest botó, es començaran a mostrar els comentaris.

// Codi del botó

Copieu el codi següent i enganxeu-lo just abans de l'etiqueta de tancament del cos dins de la plantilla. Aquest codi farà que el botó aparegui en lloc del comentari i ajuda a carregar els comentaris a totes les pàgines només quan un usuari ho sol·liciti.

var disqus_shortname = 'nom curt'; // Substitueix el nom curt pel nom curt de disqus

funció loadComments (catalitzadors, enllaços) {$ (document). Ready (function ($) {if (typeof disqus_shortname! == "undefined") {if (! catalysts) {catalysts = "# comments-access";} catalyst_elements = $ (catalitzadors); 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 ();});}}); } / * La funció accepta 2 arguments, per exemple: loadComments ("# my-custom-id", ".link-element-1, .link-element-2"); * / loadComments ();

No oblideu substituir el codi en vermell pel vostre nom curt de Disqus, en cas contrari aquest codi no funcionarà. Aquest codi requereix JQuery i funciona molt bé. Hi ha molts llocs web populars que utilitzen càrrega sota demanda de Disqus, com ara Labnol.org i és hora que canvieu per carregar la funció de comentaris a la carta.