La cache ti permette di guadagnare qualche secondo, a volte anche molti secondi, durante il caricamento del sito WordPress.
WP è un CMS che salva tutte le sue informazioni in un database. Ogni volta che un utente visita il tuo sito, viene fatta una richiesta di accesso a delle precise informazioni al database, che poi verranno utilizzate per riempire il codice HTML della pagina visualizzata dall’utente.
Dopo la prima visualizzazione della pagina, viene salvato il suo codice HTML direttamente nella cache, così che alle successive visualizzazioni di questa stessa pagina, WordPress non vada a contattare di nuovo il database ma fornirà immediatamente tutto il codice HTML salvato in cache.
Ecco cosa accade praticamente:
Questo si traduce in un notevole risparmio di tempo ed incrementa l’efficienza.
Fare caching in WordPress è relativamente semplice, io suggerisco di utilizzare il plugin W3 Total Cache.
Come configurare W3 Total Cache
A prima vista il plugin sembra piuttosto difficile da configurare, vero?
Ed è proprio così.
Ti mostrerò come configurare il plugin per avere immediatamente un netto miglioramento della velocità, senza considerare le CDN, Varnish e CloudFlare (ho creato il post W3TC + CloudFlare se ti interessa), in quanto la maggior parte degli utenti non ne usufruiscono.
Per verificare l’effettivo miglioramento delle prestazioni, ti invito a misurare ora il punteggio del tuo sito con lo strumento gratuito di Google PageSpeed e la velocità del tuo sito con lo strumento gratuito di Pingdom.
Basterà inserire l’indirizzo del tuo sito web e premere i rispettivi pulsanti Analyze e Test Now. Salva i risultati.
Ci possono mille variabili che possono incidere sul tempo di caricamento anche se effettui più test uno dopo l’altro… prendi i risultati a titolo informativo, così solo per vedere più o meno di quanto migliora con 5 minuti di lavoro.
Ecco i miei risultati: ho ottenuto un buon 86 su PageSpeed con un tempo di caricamento di 3.77 secondi.
Devi sapere che una volta installato il plugin, ad ogni modifica sostanziale del sito, ad esempio se disattivi un plugin, se cambi qualcosa nella grafica o se aggiungi/togli un widget, ti verrà richiesto di svuotare la cache.
Fallo sempre, eviterai di mostrare agli utenti qualcosa che non c’è più, o comunque, una versione “vecchia” del tuo sito.
Ora torna alla tua bacheca in WordPress e vai su Performance > General settings >. All’attivazione del plugin, questo risulterà essere in modalità Anteprima (preview):
Premi sul pulsante Disable per attivare le funzionalità W3 Total Cache sul tuo sito WordPress, disabilitando appunto la modalità anteprima.
Sempre in Performance > General settings > seleziona il box Toggle all caching types on or off at once e premi il pulsante Save all changes.
In questo modo saranno attivate tutte le funzioni di cache, ma non tutte saranno necessarie per il tuo sito, per cui occorrerò disattivarne alcune.
Solitamente, la maggior parte delle persone non utilizza i servizi CDN (content delivery network), Varnish e CloudFlare, per cui se anche te non li utilizzi, togli la spunta dalle relative caselle Enable, e salva le modifiche.
Ora vai in Performance > Minify > ed imposta la sotto-sezione HTML & XML così:
Con queste opzioni comprimi al massimo i file CSS e JS, così da ridurre il tempo di caricamento.
Ad esempio, guarda come è stato compresso il codice HTML sorgente della homepage:
Non c’è uno spazio che sia uno tra un codice e l’altro, non vanno praticamente mai a capo… solitamente invece ogni codice occupa una riga, con conseguente spreco di spazio (e di aumento di peso in termini di KB).
Ora vai in Performance > Browser Cache > e nella sotto-sezione General, seleziona le seguenti caselle:
Ogni volta che un utente visita una pagina web, vengono scaricati in una cartella temporanea del Browser dell’utente i file della pagina che sta visualizzando, come le immagini, i file css e javascript.
Se l’utente visita un’altra pagina dello stesso sito, molti file sono già presenti nella cache del Browser (la cartella temporanea), velocizzando notevolmente il caricamento della pagina stessa.
W3 Total Cache, aggiunge un header e dice che questi file andranno cancellati dopo X ore, ad esempio 24 ore.
Pensa ad esempio al logo del tuo sito che non cambia praticamente mai, impostando l’header a 24 ore, il singolo utente avrà a disposizione nella sua cache il logo (e tutte le altre immagini), velocizzando notevolmente il tempo di caricamento della pagina
Quindi, impostare gli header ai file di WordPress, non ridurrà il tempo di caricamento al primo accesso dell’utente, bensì i risultati si vedranno dai successivi accessi dello stesso utente, comunque è un’ottimizzazione molto valida, specie per blog con tanti “visitatori di ritorno”.
Per verificare l’effettivo miglioramento delle prestazioni, ti invito a misurare nuovamente il punteggio del tuo sito con lo strumento gratuito di Google PageSpeed e la velocità del tuo sito con lo strumento gratuito di Pingdom.
Salva i risultati e confrontali con i precedenti.
Ecco i miei risultati. Ho preso un bel 93 da PageSpeed e tempo di caricamento di 2.95 secondi. Quindi ho migliorato di 7 punti percentuale il giudizio di Google PageSpeed e di 0.82 secondi il tempo di caricamento del sito… con neanche 5 minuti di lavoro, un ottimo risultato, no?
Suggerimento finale, WP Smush.it
Gran parte del tempo di caricamento che puoi ottimizzare è dato dalle immagini, più sono grandi, e più tempo ci mette a caricarle.
Per cercare di ridurre il peso delle immagini, lasciandone intatto l’aspetto visuale, ti consiglio di installare il plugin Wp Smush.it.
È un fantastico plugin che riduce al massimo le dimensioni delle immagini che carichi normalmente nei tuoi articoli, senza che tu debba fare niente… fa tutto di nascosto.
In più, è possibile tramite un semplice click, ridurre la dimensione di tutte le immagini già caricate in precedenza. Una volta installato, basta andare su Media > Bulk Smush.it > e premere il pulsante Run.
In cosa si traduce tutto ciò? In un netto miglioramento del tempo di caricamento del sito.
Immagini meno pesanti = sito più veloce.
Ancora non basta?
Non sei ancora soddisfatto dei risultati e vuoi rendere ancora più veloce il tuo sito WP?
Guarda anche il mio articolo su come velocizzare WordPress.
