Velocizzare blog WordPress in poche semplici mosse!!!

Questo articolo non è come tutti quelli che trovi in giro che ti dicono di installare un sacco di plugin o di mettere mano direttamente sul codice pensando che te sia un esperto di informatica… è rivolto a tutti quelli che come me, se la cavicchiano e basta, e non hanno voglia di stare ore e ore davanti al pc a ripulire il codice o cose del genere!!! Basta meno di un’ora per sistemare il problema della lentezza del tuo blog wordpress,  e ti dura per sempre!!!
Tutto quello che scrivo è ciò che ho fatto per ottimizzare il mio blog (quello su cui sei attualmente 😀 ), quindi garantisco al 100% della riuscita! Sono passato da 16,5 sec a 1,3, senza smanettare troppo, notevole no?

Prima di iniziare, parto dal punto 0, la base di tutto: avere un ottimo hosting, ecco perchè ho creato una lista con i migliori hosting WordPress.

1) PINGDOM TOOLS
Utilizza questo fantastico sito pingdom tools per vedere molte caratteristiche, tra cui il tempo di caricamento della pagina, di tutte le pagine web che ti interessano; noi vedremo solo la home.
L’interfaccia grafica è molto semplice, basta che inseriate l’indirizzo della pagina che volete vedere è otterrete in breve tempo tantissime informazioni (io ho guardato quella della mia home: www.robertoiacono.it).
Il grafico che compare una volta fatto partire il test, mostra il tempo di caricamento per ciascun oggetto della pagina, ciò è molto utile al nostro scopo. La barra color verde indica il tempo di connessione al server (quindi non ci possiamo fare niente), mentre quella fondamentale è la barra blu, che indica il tempo che intercorre tra l’invio del primo byte e la ricezione dell’ultimo byte. Noi dobbiamo lavorare molto sull’ottimizzare questa barra, che è “diretta responsabile” della velocità del nostro blog.
La cosa utile di Pingdom è che ci fa vedere oggetto per oggetto, quanto tempo impiega a caricarsi, quindi se vediamo che c’è qualcosa che ci mette troppo tempo a caricarsi, dobbiamo mettere le mani su quel determinato oggetto e non in giro a casaccio.
Questo è il tempo di caricamento prima di iniziare l’ottimizzazione.
NB: il mio blog era su un server windows.

Come vedete ci metteva 16,5 sec a caricare la home del blog, un po’ troppo eccessivo…
Grazie agli altri passi che vi illustrerò più sotto, sono riuscito ad arrivare a 1,3 sec

2) ELIMINARE I PLUGIN INUTILI O NON UTILIZZATI
questa operazione è molto semplice e veloce, e ci farà guadagnare qualche secondo sul caricamento della pagina. Basta eliminare i plugin inutili oppure quelli che non utilizziamo più, tano ci mettiamo 2 sec a reinstallarlo se ci dovesse servire! Se sono disattivati non influenzano sulla performance di wordpress.

3) SOSTITUISCI IPLUGIN CHE SONO PIU’ PESANTI, CON ALTRI SIMILI MA PIU’ LEGGERI
Se proprio non puoi fare a meno di alcuni plugin, guarda tramite pingdom la dimensione della barra blu associata al caricamento di un determinato plugin. Se questa barra è lunga e influisce sul caricamento della pagina prova a cercare ed installare un plugin simile per veder se è più veloce di quello che hai attualmente.
A me è capitato conun plugin per gli smile, era molto pesante e lento, così l’ho sostituito con il plugin custom smile che si è rivelato molto più veloce, ho guadagnato circa 1 sec.

4) PULIRE BARRE CON I WIDGET
Anche i widget influiscono, seppur di poco, sulla velocità della pagina, per cui tenete quelli indispensabili per ora. Al massimo una volta ottimizzato il blog, si può provare a reinserire alcuni widget per vedere se danneggia tanto la pagina, ma soltamente sono molto leggeri.

5) SPOSTA TUTTO IL JAVASCRIPT IN FONDO ALLA PAGINA
il primo plugin che dobbiamo installare ora che abbiamo fatto una bella pulizia, è sicuramente javascript to footer (fai aggiungi nuovo plugin e cercalo direttamente da li)!!! Questo plugin sposta in automatico tutto il codice javascript in fondo alla pagina. Quindi non allegerisce in alcun modo la pagina, infatti il codice rimane lo stesso ma è solo spostato, ma ne velocizza in maniera incredibile il caricamento iniziale, ovvero di tutta la parte grafica, quindi l’utente vedrà comparire la pagina e evita di scappare via!
Prima di inserire questo plugin, la mia pagina rimaneva bianca per circa 7 sec, e molto spesso l’utente cambiava sito. Dopo l’installazione di questo, la pagina si carica subito nella sua parte grafica e testuale così l’utente può cominciare a navigare, e poi carica le piccole cose in javascript tipo pulsante “mi piace” di facebook, pubblicità adsense di google ecc.

6) PLUGIN W3 TOTAL CACHE
Un altro plugin fondamentale è W3 Total Cache, che permette di salvare nella cache le pagine del sito in maniera statica (html), in modo tale da velocizzare notevolmente l’apertura delle pagine. Il tutto sarà trasparente ai nostri occhi!

7) OTTIMIZZAZIONE IMMAGINI
Se caricate delle immagini sul blog, come penso facciate, cerca di caricare solo immagini ottimizzate per il web che hanno la caratteristica di essere più leggere di quelle normali. Come ottimizzare un immagine normale?
Bhè, io utilizzo il classico e semplice Paint di cui tutti i pc Windows sono provvisti. Basta salvare l’immagine nel formato .gif . Noterete che la dimensione diminuisce considerevolmente.
Altri programmi che utilizzino questa funzione???
Utilizzo anche photoshop e vado su File –> Salva per web … e poi salvo l’immagine con estensione .gif . Vi consiglio comunque di utilizzare Paint perchè le immagini ottenute sono leggermente più leggere.
Guarda anche questo articolo su come ottimizzare le immagini e di quanto è migliorata la velocità del caricamento del blog.

8 ) OTTIMIZZARE IL DATABASE
Ottimizziamo il database grazie al plugin Optimize database, che farà tutto da solo con un semplice click. Noi non vedremo nessuna modifica se non un leggero miglioramento del tempo di caricamento della pagina.

9) OPZIONALE: WIDGET CACHE
se volete potete utilizzare la cache anche per i widget, tramite il plugin WP widget cache. Il miglioramento in prestazioni è di poco conto.

PER FINIRE…
Vi sconsiglio le ottimizzazioni dei css, compressioni di javascript o ottimizzazione di php in quanto mi hanno rallentato il caricamento della pagina anzichè migliorarlo, ma il mio può essere un caso, perchè leggendo più e più guide molti li consigliano. L’ottimizzazione del css elimina tutti gli spazi bianchi per recuperare pochi kb, ma se un giorno aveste voglia di modificare a mano il css, sarebbe tutto attaccato!!! Per cui non ne vale molto la pena…

SIAMO QUASI GIUNTI ALLA FINE, VEDIAMO I RISULTATI CHE HO OTTENUTO:

Come vedete, il tempo di caricamento della pagina è passato da 16,5 a 9,8 sec!!! è un bel guadagno, considerando il fatto che non abbiamo toccato nessun codice! Si può anche notare che i total objects sono aumentati rispetto all’immagine precedente, ma è diminuito il peso, questo perchè ho sostituito i plugin con quelli simili ma più leggeri.

SE USI UN SERVER WINDOWS...
Se usi un server windows, come facevo io, è lui la causa di tutti i tuoi guai!!! Passa subito a un server linux anche se costa qualche euro in più ( pochissimi ). Guarda questo articolo e capirai il perchè!!!

Semplicemente perchè ora è super veloce!!! Ha 1,3 sec di caricamento, contro i 9,8 che aveva su windows, senza aver moificato nulla!!!

Spero di esservi stato d’aiuto