Di conseguenza, una sezione di commenti piena pu\u00f2 aggiungere un carico significativo al webserver, aumentare la dimensione complessiva della pagina, aumentare il numero di richieste HTTP<\/a> e aggiungere ulteriori risorse JavaScript per i browser. Sia che stiate usando i commenti nativi di WordPress o che abbiate aggiunto un sistema di commenti<\/a> di terze parti come Disqus o Facebook Comments, i commenti possono costituire un freno alla velocit\u00e0 del vostro sito e dovreste fare molta attenzione all’ottimizzazione delle prestazioni della sezione dei commenti. E se avete problemi con lo spam dei commenti, leggete anche la nostra guida dettagliata su Come fermare lo spam dei commenti in WordPress<\/a>.<\/p>\n Se vi accorgete che la sezione dei commenti fa diminuire la velocit\u00e0 di caricamento dei post pi\u00f9 popolari del vostro blog, potete provare alcune soluzioni:<\/p>\n Consideriamo singolarmente tutte queste strategie in modo da capire qual sia la pi\u00f9 adatta al vostro sito.<\/p>\n Potete fare due cose per rendere pi\u00f9 veloci le pagine caricate con una montagna di commenti nativi di WordPress: limitare il numero di commenti che si caricano inizialmente e usare avatar ospitati in locale. Analizziamo le due opzioni.<\/p>\n Di default, WordPress \u00e8 configurato in modo da caricare tutti i commenti al caricamento iniziale della pagina. Tuttavia, caricare decine o addirittura centinaia di commenti, ognuno dei quali include un avatar unico, pu\u00f2 davvero ingombrare la pagina e creare molte richieste HTTP aggiuntive.<\/p>\n \u00c8 possibile ridurre il numero di commenti caricati al caricamento iniziale della pagina in modo molto semplice.<\/p>\n Dopo aver seguito questi passaggi, al caricamento iniziale della pagina sar\u00e0 visualizzato il numero di commenti che avete stabilito.<\/p>\n WordPress supporta nativamente Gravatar<\/a>. Questo significa che, quando commenta su un blog utilizzando il sistema di commenti nativo di WordPress, ogni utente con un account Gravatar avr\u00e0 come avatar la sua immagine personalizzata. Questo aggiunge un bell’elemento personalizzato alla sezione dei commenti, ma ha un costo considerevole. Quando i commenti di WordPress vengono caricati, ogni singolo Gravatar richiede una richiesta HTTP. Quindi, se una pagina viene caricata con commenti da 50 diversi commentatori, saranno necessarie 50 richieste HTTP per scaricare tutti quei Gravatar. Come potete immaginare, questo pu\u00f2 avere un impatto considerevole<\/a> sulla velocit\u00e0 della pagina.<\/p>\n Se decidete che i Gravatar non valgono le richieste HTTP aggiunte, avete due opzioni. In primo luogo, potete disabilitare completamente gli avatar andando in Impostazioni > Discussione<\/strong>, individuando la sezione Avatar<\/strong> e deselezionando la casella Mostra gli Avatar<\/strong>.<\/p>\n Se non volete prendere una misura cos\u00ec drastica, un’altra soluzione \u00e8 quella di passare agli avatar ospitati in locale. Per farlo, installate il plugin WP User Avatar<\/a>. Una volta che l’installazione \u00e8 completa, andate su Avatar > Impostazioni<\/strong> e seleziona la casella di controllo per Disable Gravatar and use only local avatars<\/strong>. Se non vi piace l’avatar predefinito incluso in WP User Avatar, c’\u00e8 un’immagine utente misteriosa e pulita in questo tutorial sull’utilizzo di avatar ospitati in locale<\/a> che potete caricare e usare come avatar predefinito.<\/p>\n Tenete presente che, dopo aver fatto questa modifica, tutti i commenti saranno visualizzati con l’avatar predefinito, a meno che gli utenti non si registrino sul sito e carichino un avatar personalizzato.<\/p>\n La vostra ultima opzione \u00e8 quella di caricare i Gravatar sul CDN<\/a>. Questo \u00e8 l’approccio che adottiamo sul blog di Kinsta. \ud83e\udd13<\/p>\n Ci sono diverse ragioni per voler passare a un sistema di commenti di terze parti. In primo luogo, c’\u00e8 il carico del server a cui pensare. Creare e caricare i commenti richiede molte risorse. Se la sezione dei commenti del blog \u00e8 molto occupata, allora scaricare quel lavoro su un sistema di commenti di terze parti toglier\u00e0 il carico dal server del sito.<\/p>\n Inoltre, i sistemi di terze parti offrono una migliore esperienza utente<\/a> rispetto al sistema di commenti nativo di WordPress. Possono anche incoraggiare un maggior numero di visitatori a commentare perch\u00e9 i visitatori che hanno gi\u00e0 un account con il sistema di terze parti possono commentare subito senza doversi registrare o fornire dettagli al vostro sito.<\/p>\n In alcuni casi, si realizzano tutti questi vantaggi. Ma non \u00e8 sempre cos\u00ec.<\/p>\n Non tutti amano i sistemi di commento di terze parti<\/a> e altri si preoccupano dei dati<\/a> raccolti dietro le quinte. Inoltre, l’idea che sistemi di commento di terze parti siano pi\u00f9 veloci<\/a> dei commenti nativi di WordPress suona bene in teoria, ma nella realt\u00e0 le cose di solito non sono cos\u00ec.<\/p>\n Se decidete di usare un sistema di commenti di terza parte, fatelo se vi piace usare quel particolare sistema e se siete convinti che i visitatori del vostro sito lo apprezzeranno quanto voi. Non passate ai commenti di terze parti per un miglioramento delle prestazioni percepito che pu\u00f2 essere pi\u00f9 teorico che realistico. Se fate il salto a un sistema di terze parti, pensate anche di implementare la prossima soluzione: il lazy loading.<\/p>\n Qualunque sia il sistema dei commenti che avete adottato, il lazy loading dei commenti \u00e8 una tecnica che quasi certamente render\u00e0 pi\u00f9 veloce il caricamento delle pagine. I sistemi di commento che sono caricati in lazy loading sono rimossi dal rendering iniziale della pagina e caricati o da JavaScript, quando il visitatore raggiunge un certo punto della pagina, o cliccando su un pulsante che dice qualcosa come “Leggi i Commenti”.<\/p>\n Se l’implementazione del lazy loading sembra una cosa un po’ tecnica, \u00e8 perch\u00e9 in effetti lo \u00e8. Per fortuna, non \u00e8 necessario essere dei tecnici. Ci sono dei plugin che permettono di caricare in lazy loading il sistema di commenti che avete scelto.<\/p>\n La capacit\u00e0 di caricare in lazy load i commenti non \u00e8 integrata nel core di WordPress. Tuttavia, un’ottima soluzione leggera e gratuita che consigliamo \u00e8 il plugin Lazy Load for Comments<\/a>.<\/p>\n Il plugin \u00e8 disponibile nella directory dei plugin di WordPress. Quindi \u00e8 possibile installarlo direttamente dall’area di amministrazione di WordPress. Questo ridurr\u00e0 il numero di richieste HTTP caricando in lazy load tutti i gravatar di WordPress. \u00c8 molto semplice da configurare. Basta installarlo e, nelle impostazioni di discussione troverete due opzioni. Di default, \u00e8 impostato su “On Scroll” che \u00e8 l’impostazione preferita dalla maggior parte degli utenti. Potete anche impostarlo su “On Click”, creando un pulsante su cui i visitatori devono cliccare prima che i commenti vengano caricati.<\/p>\n Un’altra opzione per caricare in lazy load i commenti nativi \u00e8 il plugin wpDiscuz<\/a>.<\/p>\n Il plugin \u00e8 disponibile nella directory dei plugin di WordPress. Quindi potete installarlo direttamente dall’area di amministrazione di WordPress.<\/p>\n Ora, quando si visita una pagina con pi\u00f9 di dieci commenti, verranno caricati solo i primi dieci. Gli altri commenti verranno caricati automaticamente non appena si raggiunge il fondo della sezione dei commenti.<\/p>\n Se usate Disqus, \u00e8 decisamente importante caricare i commenti in lazy loading. Se non lo fate, Disqus pu\u00f2 essere un vero problema per la velocit\u00e0 di caricamento del vostro sito. Tuttavia, il lazy loading dei commenti di Disqus pu\u00f2 effettivamente accelerare il vostro sito<\/a> rispetto ai commenti nativi di WordPress.<\/p>\n Disqus Conditional Load<\/a> \u00e8 un plugin gratuito che permette di caricare Disqus in lazy loading. Se non avete mai usato Disqus, dovrete prima registrare un account e aggiungere un nuovo sito a Disqus<\/a>. Una volta che avete impostato il vostro sito su Disqus, installate Disqus Conditional Load andando su Plugins > Aggiungi nuovo<\/strong>, cercate “Disqus Conditional Load” e selezionate Installa Ora<\/strong>.<\/p>\n Una volta installato il plugin, andate su Commenti > Disqus<\/strong> e seleziona Aggiorna<\/strong> per configurare il database<\/a> perch\u00e9 funzioni con Disqus. Nella schermata seguente, accedete a Disqus con il vostro nome utente e la vostra password Disqus. Nella schermata successiva, selezionate il sito Disqus che avete aggiunto pochi minuti prima e poi fate clic sul pulsante Next<\/strong>. Fatto questo, Disqus sar\u00e0 installato sul vostro sito e configurato per caricare in lazy load quando i lettori raggiungono la sezione commenti del vostro blog.<\/p>\n Sul blog di Kinsta usiamo questo plugin e lo consigliamo vivamente. Oltre a caricare in lazy load tutte le immagini (avatar), vi permette anche di disabilitare lo script di conteggio se non lo usate. Quindi una chiamata JavaScript in meno sul vostro sito WordPress.<\/p>\n Lo stesso sviluppatore del plugin Disqus Conditional Load ha sviluppato anche un plugin gratuito per caricare in lazy loading i commenti di Facebook in WordPress. Gli script di Facebook sono noti per intasare un sito web, anche se gli script sono caricati in modo asincrono.<\/p>\n\n
Soluzioni per Gestire i Commenti che Caricano Lentamente<\/h2>\n
\n
Ottimizzare i Commenti Nativi di WordPress<\/h2>\n
Limitare il Numero di Commenti Visualizzati<\/h3>\n
\n
![\"Impostazioni](\"https:\/\/kinsta.com\/wp-content\/uploads\/2016\/08\/other-comment-settings.png\" "\\"Impostazioni")
Usare Avatar Ospitati in Locale o sul CDN<\/h3>\n
Utilizzare un Sistema di Commenti di Terze Parti<\/h2>\n
Commenti in Lazy Load<\/h2>\n
Lazy Load dei Commenti Nativi di WordPress<\/h3>\n
![\"Il](\"https:\/\/kinsta.com\/wp-content\/uploads\/2016\/08\/lazy-load-for-comments-wordpress-plugin.png\" "\\"Il")
<\/a>![\"On](\"https:\/\/kinsta.com\/wp-content\/uploads\/2016\/08\/lazy-load-wordpress-comments-options.png\" "\\"On")
![\"Il](\"https:\/\/kinsta.com\/wp-content\/uploads\/2016\/08\/wpdiscuz-wordpress-plugin.jpg\" "\\"Il")
<\/a>\n
Lazy Load Disqus<\/h3>\n
![\"Il](\"https:\/\/kinsta.com\/wp-content\/uploads\/2016\/08\/disqus-conditional-load-wordpress-plugin.jpg\" "\\"Il")
<\/a>Caricare pigramente i commenti su Facebook<\/h3>\n
![\"Il](\"https:\/\/kinsta.com\/wp-content\/uploads\/2016\/08\/lazy-load-facebook-comments.jpg\" "\\"Il")
<\/a>