Come (e perché) velocizzare il caricamento di un blog o sito

Girovagando nella bacheca di Blogger, ho trovato un articolo in cui Google spiega come velocizzare il caricamento del proprio blog. L’articolo è banale ma utile, considerando che si trovano molti blog ancora lenti a caricarsi. Lo ripropongo qui, aggiungendo alcune considerazioni personali.

Premessa: Google parla di blog hostati su blogspot.com, ma gli stessi suggerimenti sono validi per qualsiasi sito web, anche hostato in proprio.

I suggerimenti di Google per rendere il proprio blog più veloce

1. Ridurre il numero di post visualizzati nella home page del blog (o nelle pagine archivio): valido se inserite molte immagini o filmati flash nei vostri post. Il numero consigliato è pari o inferiore a 10. Per modificare questa impostazione andate su:
   • Blogger / Blogspot: nella scheda Settings > Formatting;
   • Wordpress: nella scheda Settings > Reading
2. Ridurre il numero di Javascript presenti nella pagina: il codice Javascript può impiegare tempo ad essere scaricato ed elaborato dal PC dei vostri visitatori. Cercate inoltre di posizionare i javascript di terze parti il più in basso possibile nel codice del template - come in fondo alla sidebar o nel footer. Questo perché, di solito, il browser aspetta il caricamento del javascript prima di mostrare i contenuti successivi.
   • Ad esempio, se posizionate un javascript pesante per primo, il contenuto del post potrebbe impiegare diversi secondi, prima di visualizzarsi;
   • per lo stesso motivo, cercate di utilizzare un template in cui il codice del post precede quello delle sidebar, altrimenti il browser mostrerà il post solo dopo il loro caricamento.
3. Ridurre il numero o la dimensione delle immagini (o altri elementi multimediali): non sovraccaricate il post di immagini o, ad esempio, di filmati flash, e cercate di ottimizzarle per il web. Aggiungo: se usate Wordpress, e volete inserire dei filmati flash nei post (come gli embed di YouTube), fatelo dopo il tag more: in questo modo eviterete di appesantire troppo l’home page o le altre pagine archivio.

Potete leggere l’articolo originale (con altri suggerimenti) su “How can I make my blog load faster?“. Ma veniamo al dunque.

Perché aumentare la velocità di caricamento di un sito?

Generalmente, si consiglia di velocizzare l’apertura del proprio sito per ridurre la frequenza di rimbalzo (bounce rate), cioè il numero di visitatori che abbandonano una pagina subito dopo averla aperta.

Un sito lento, pieno di widget javascript e flash, può infastidire il lettore per vari motivi:

• il lettore può non avere la pazienza di aspettare il caricamento della pagina;
• una pagina con molti widget javascript e flash può mettere letteralmente in ginocchio un computer poco potente; sto parlano in particolar modo di:
  • orologi in flash (inutili);
  • slideshow in javascript o ancora peggio in flash: inseritele solo se le ritenete necessarie;
  • … inoltre il motore di rendering javascript di Firefox, uno dei browser più diffusi, non è certo famoso per la sua velocità…
• se il contenuto principale della pagina non compare subito, il lettore può pensare che c’è un errore sul sito, ed andarsene.

E, perdendo un lettore, possiamo aver perso:

• un link alla nostra pagina: meno utenti vengono a conoscenza di un nostro articolo, meno link possiamo ottenere su blog o forum (soprattutto se pubblichiamo guide);
• un iscritto in più al nostro feed o alla nostra newsletter: un sito lento viene ritenuto generalmente “poco professionale”, e gli utenti ne staranno alla larga (soprattutto se rallenta il PC);
• un commento all’articolo;
• un click sulla pubblicità (se presente);
• qualsiasi altra azione che vorremmo che il visitatore compiesse
  

… e, soprattutto, fate perdere al vostro blog lo scopo più importante: informare. E volete sacrificare tutto questo in nome di una sidebar “luccicosa”?

Conclusione: inserite solo i javascript necessari

Come ho detto sopra, molti widget sono inutili: rallentano e “rubano” solo spazio nelle colonne laterali. Ma ci sono javascript piuttosto utili; li riporto di seguito, con le considerazioni che ho fatto sopra:

• Statistiche di un sito web: la maggior parte dei sistemi di statistiche esterni richiede l’inserimento di un javascript, per conteggiare le visite. Essendo questi javascript piuttosto lenti (soprattutto se il sito di statistiche che usiamo è sovraccarico… e capita spesso), si consiglia di posizionarli il più in basso possibile nel template della pagina - addirittura immediatamente prima della chiusura del tag </body>. Inoltre, usa un solo sistema di statistiche, in modo da inserire un solo javascript (e non mandarli in conflitto tra loro).
  Personalmente, consiglio Google Analytics;
• Pubblicità: anche molti programmi pubblicitari (come Google Adsense) forniscono dei codici in javascript da inserire nelle proprie pagine web;
• Criteo Autoroll: un blogroll dinamico che 1) inserisce nella vostra sidebar i link di altri blog letti dai vostri visitatori 2) inserisce il vostro blog negli widget di altri siti. Di visite non ne porta molte (una piccola percentuale rispetto al totale) ma… meglio di niente. Per maggiori informazioni, vi rimando alla spiegazione di Criteo Autoroll su DElyMyth.
• Community di MyBlogLog: widget che mostra gli ultimi visitatori passati sul vostro blog, registrati a MyBlogLog. Utile per stringere amicizie, ma anche per attirare nuovi visitatori.

Questi sono, tra l’altro, i javascript che uso qui su Technoburger. Non sono pochi, e sono piuttosto lenti da caricare (soprattutto l’accoppiata Analytics/Adsense): ecco perché consiglio di non inserirne altri.

Ulteriori consigli per aumentare la velocità di blog o siti self hosted

I consigli dati finora aumentano la velocità del sito o blog lato client - cioè, il tempo che il PC dei lettori impiega per scaricare ed elaborare le pagine . Per Blogger / Blogspot sono sufficienti, ma per blog o siti hostati in proprio potrebbero non bastare.

In questo caso, infatti, influisce molto il carico e la velocità del server in cui è hostato il vostro sito. In linea di massima, più visite il vostro sito riceve, più è richiesto un server potente (e costoso).

Se vuoi rimandare l’acquisto di un nuovo hosting, puoi provare con una soluzione gratuita (ma, a volte, piuttosto complessa da implementare): il caching su pagine statiche, che limita le interrogazioni al database (e, molte volte, all’interprete PHP o ASP). È piuttosto efficace.

Come implementare la cache? Dipende dal tuo sito web, e dal linguaggio in cui è sviluppato. Se usi un CMS, potresti trovare un plugin adatto allo scopo: ad esempio, per Wordpress c’è WP Super Cache.

E tu, hai qualche altro consiglio da dare, per aumentare la velocità di un sito web?

Articoli simili:

• Adsense sotto il titolo dell’articolo va contro il regolamento (TOS)? In certi casi, sì!
• I titoli dei post dei blog sono FONDAMENTALI per i motori di ricerca!
• Invia i trackback invece di commentare i blog altrui, per aumentare le visite sul tuo!
• Tutti i feed di Techlog sono stati trasferiti su Technoburger
• Menu delle pagine e delle categorie di Wordpress espandibili: come visualizzare solo la sezione corrente? (e breadcrumb…)

Etichette: Blogger, Javascript, wordpress

Autore: Andrea Romagnoli
Questo articolo è stato pubblicato il Tuesday, December 2nd, 2008 alle 1:02 am sotto la categoria Blog e Blogosfera. Puoi seguire i commenti di questo articolo tramite il feed RSS 2.0. Puoi lasciare un commento, o mandare un trackback dal tuo sito.

Se questo articolo ti è stato utile, segnalalo sul tuo sito! Puoi inoltre seguire comodamente gli aggiornamenti di Techlog tramite il feed RSS; infine puoi lasciare un commento se ti serve aiuto (o anche solo per un saluto); anche qui non serve registrarsi (sono abilitati anche i commenti anonimi; l'E-Mail serve, eventualmente, per ricevere le notifiche delle nuove risposte). ;-)