10 modi per ottimizzare il tuo sito WordPress per renderlo più veloce

Con un recente studio Microsoft che mostra che la nostra capacità di attenzione è diminuita da 12 secondi nel 2000 a 8 secondi nel 2013, sta diventando sempre più chiaro che gli utenti web sono impazienti. Ulteriori ricerche mostrano che il 40% delle persone abbandonerà il tuo sito web se il caricamento richiede più di 3 secondi.

Mentre WordPress per impostazione predefinita è leggero e veloce, la configurazione dell’utente web medio può rendere le cose lente ed estremamente contorte. Se desideri un sito WordPress veloce, presta particolare attenzione ai seguenti suggerimenti.

1 Ottimizza regolarmente il tuo database

WordPress è un CMS fortemente dipendente dal database e questo può contribuire a un’esperienza lenta.

I seguenti aspetti fanno uso di molti database e possono contribuire a rallentare il sito web:

• Post revisioni: le revisioni dei post possono rapidamente intasare il tuo database e rallentare il tuo sito. Ogni revisione del post è una nuova voce nel tuo database e questo si somma rapidamente. Puoi disabilitare le revisioni dei post o limitarle. Se desideri revisioni limitate, puoi aggiornare il wp-config.phpfile aggiungendo il codice seguente:

  define('AUTOSAVE_INTERVAL', 300); // seconds
  define('WP_POST_REVISIONS', 5);

  Il codice sopra indica a WordPress di salvare un massimo di 5 revisioni dei post e di salvare solo le revisioni a intervalli di 5 minuti. Puoi modificare il codice per riflettere le tue esigenze di post-revisione.

  In alternativa, se non vuoi aggiungere codice al tuo file wp-config.php, puoi installare Revision Control o il plug-in WordPress WP-Sweep per gestire automaticamente le revisioni dei post.

• Pingback e trackback: Pingback e trackback possono anche intasare il tuo database, quindi potresti volerli disabilitare.

• Commenti sul blog: i commenti sul blog non sono necessariamente negativi, finché non scopri di avere migliaia di commenti spam che occupano inutilmente spazio nel tuo database. Assicurati di eliminare regolarmente i commenti spam per evitare che occupino spazio in memoria.

• Plugin: alcuni plugin memorizzano dati e registri nel database; inizialmente, li trovi utili finché non ti rendi conto di quanto spazio stanno consumando. Ho avuto un plug-in di accorciamento degli URL che mostra anche l’utilizzo dei dati di analisi fino a 160 MB del mio spazio di database. Sì, questo è solo un plugin! Di solito, questi plugin non sono necessari e possono essere rimossi o sostituiti.

• Analisi e registri: in generale, fai attenzione ai plug-in che memorizzano analisi e registrano dati sul tuo sito; la maggior parte delle volte, utilizzano molto spazio del database e possono rendere il tuo sito Web contorto e lento.

Meglio ancora, puoi installare il plugin WP-Optimize e usarlo per ripulire regolarmente il tuo database.

2 Ottimizza le tue immagini

La dimensione delle tue immagini si somma al tempo necessario per il caricamento del tuo sito; questo accade soprattutto quando gestisci un sito ricco di immagini o quando usi le immagini per tutti i tuoi articoli e devono essere caricate anche sulla home page.

Ci sono due modi per farlo:

• Ottimizza e riduci regolarmente le dimensioni delle tue immagini; puoi farlo senza compromettere la qualità come spiegherò più avanti.
• Ritardare il caricamento delle immagini; in questo modo, le immagini non vengono caricate finché i lettori non scorrono dove si trovano le immagini. Questo può anche aiutare a prevenire problemi di caricamento del sito.

Ottimizzando le tue immagini, un’immagine di 2mb può essere ridotta a 600kb senza sacrificare la qualità; questo viene fatto rimuovendo le informazioni incorporate nell’immagine che non sono necessarie per l’esperienza dell’utente. Puoi ottimizzare le immagini sul tuo blog WordPress installando il plug-in WP Smush o il plug-in EWWW Image Optimizer. Per un’opzione manuale che non è limitata a WordPress, potresti dare un’occhiata a Kraken.

3 Abilita la memorizzazione nella cache e le intestazioni di scadenza

La maggior parte dei siti Web WordPress potrebbe essere due volte più veloce se la memorizzazione nella cache è abilitata; il caching funziona memorizzando una versione del tuo sito web nella cache del browser del tuo visitatore, in modo che venga automaticamente servita la versione memorizzata nella cache ogni volta che visitano il tuo sito web. Di solito, a meno che tu non configuri diversamente le impostazioni della cache, la cache del browser del tuo visitatore verrà aggiornata quando aggiorni il tuo sito web, assicurandoti che non perda nulla.

Utilizzando efficacemente la memorizzazione nella cache, puoi ottimizzare la velocità del tuo sito web nei seguenti modi:

• Invece di dover richiedere i file direttamente dal tuo server, i browser dei tuoi lettori lo estraggono dalla loro cache, offrendo loro un’esperienza quasi istantanea.
• A causa della ridotta richiesta sul tuo server, il carico sul tuo server si riduce, con il risultato che il tuo server consegna i file ai nuovi utenti molto più velocemente.

La memorizzazione nella cache può essere così efficace per aumentare la velocità del sito Web ed è stato osservato che l’abilitazione della memorizzazione nella cache completa per il tuo sito Web può migliorare la velocità del sito Web da 2,4 secondi a 900 millisecondi.

Puoi abilitare la memorizzazione nella cache sul tuo sito Web installando i seguenti plug-in:

• WP Super Cache
• Cache totale WP
• WordFence (e quindi abilitare)

Dopo aver abilitato la memorizzazione nella cache, puoi anche abilitare Expires Headers per rendere il tuo sito molto più veloce; comunicando ai browser dei tuoi visitatori quando richiedere determinati file dai tuoi server, Expires Headers può farti risparmiare risorse del server e fornire un sito Web più veloce ai tuoi utenti. Ecco un pratico tutorial su come abilitare Expires Headers.

4 Abilita compressione GZIP

Qual è il tuo strumento preferito per comprimere i file in formato ZIP sul tuo computer? 7 zip? WinRar? Probabilmente hai compresso i file almeno una volta e hai notato l’effetto miracoloso in cui un file di 200 MB si riduce improvvisamente a 40 MB? Come diavolo è successo? Anche se non ho molta familiarità con gli aspetti tecnici della compressione, so che è possibile replicarlo per il tuo sito Web e garantire un’esperienza del sito Web più rapida.

La compressione GZIP aiuta a comprimere i file del tuo sito Web in ZIP e serve tutto intatto ai tuoi visitatori; in altre parole, l’esperienza di visitare il tuo sito web è la stessa ma il tuo sito è molto più veloce poiché ai tuoi visitatori viene offerta una versione compressa.

In un articolo per Smashing Magazine, Marcus Taylor ha presentato un caso di studio di un sito che è passato da 68 KB a 13 KB esclusivamente a causa della compressione GZIP; basato solo sulla compressione GZIP, quel sito è essenzialmente cinque volte più veloce. Ecco un tutorial che mostra 3 modi in cui puoi abilitare la compressione GZIP.

5 Utilizzare un CDN

La ricerca ha dimostrato che un CDN può aumentare la velocità del tuo sito web fino al 60%.

Ci sono molti fattori che influenzano la consegna dei contenuti, ma un sito web ospitato in India sarà accessibile molto più velocemente da una connessione Internet in India che da una connessione Internet negli Stati Uniti. Non c’è molto che tu possa fare al riguardo; le persone con una connessione Internet più vicina alla posizione del tuo sito Web otterranno velocità più elevate, a meno che tu non utilizzi un servizio CDN affidabile.

Configurando il tuo sito WordPress per utilizzare un CDN, stai abilitando la distribuzione dei tuoi contenuti su server in tutto il mondo in modo che ai visitatori possa essere servita la versione più vicina a loro; quindi a qualcuno che visita dall’Asia verrà offerta una versione del tuo sito Web in Asia, invece della versione principale negli Stati Uniti

Esistono molti fornitori di CDN e una ricerca su Google rivelerà le opzioni; alcuni dei servizi CDN più popolari sono CloudFlare (gratuito) e MaxCDN (a pagamento).

6 Ottimizza o cambia il tuo tema WordPress

Il tuo tema WordPress può anche contribuire molto al tempo di caricamento del tuo sito; se utilizzi un tema WordPress gonfio e che fa molto affidamento su query esterne, otterrai un sito Web molto più lento rispetto a qualcuno che utilizza un tema basato su standard di conformità.

In un caso di studio per Copyblogger, Jerrod Morris ha rivelato come un cambiamento nel tema del sito Web sia stato in grado di portare il tempo di caricamento del sito da 630 ms a 172 ms; questo nonostante il fatto che tutto il resto fosse uguale, tranne un cambiamento nel suo tema WordPress.

7 Combina immagini di sfondo con Image Sprite

Il tuo tema WordPress si basa su diverse immagini di sfondo, in combinazione con i comandi CSS, per visualizzare correttamente uno sfondo pulito; quindi quella bellissima immagine di sfondo che stai vedendo è probabilmente composta da 12 diverse immagini di sfondo. In superficie, questo sembra normale e innocente fino a quando non ti rendi conto che le 12 immagini rappresentano 12 diverse richieste al tuo server dal browser del tuo visitatore; e se riuscissi a trasformare queste 12 immagini in 1? Noterai un drastico aumento della velocità.

Combinando le tue immagini di sfondo in sprite di immagini, puoi trasformare le diverse immagini di sfondo del tuo tema in 1 immagine e quindi utilizzare i CSS per visualizzare normalmente il tuo sito web. Ciò ridurrà il numero totale di byte che i browser dei tuoi visitatori devono scaricare, i ritardi causati dai roundtrip e il sovraccarico delle richieste. Il risultato è un sito Web molto più veloce per te.

Puoi combinare le tue immagini in sprite usando SpriteMe.

8 Utilizzare la consegna asincrona solo per i codici JavaScript

Probabilmente hai visto un tempo di inattività di Facebook abbattere i siti Web o renderli ridicolmente lenti? La cosa interessante è che questo non accade solo quando installi il codice di Facebook; può accadere quando installi codice da qualsiasi sito in modo sincrono, in particolare servizi di analisi o monitoraggio. Se il codice viene installato in modo sincrono sul tuo sito, il codice deve essere caricato prima, a seconda della sezione del codice, prima che vengano caricati gli altri elementi del tuo sito.

Utilizzando solo la consegna asincrona per i tuoi codici JavaScript, puoi assicurarti che il tuo sito funzioni correttamente e velocemente indipendentemente da ciò che sta accadendo ai server dei codici JavaScript che hai sul tuo sito.

9 Abilita Keep-Alive HTTP

Ogni volta che un visitatore richiede un file dal tuo server, ogni file verrà inviato singolarmente; il problema con questo approccio è che deve aprire una nuova connessione per ogni file, portando infine a un sito Web lento a seconda di quante persone visitano il tuo sito Web contemporaneamente. Abilitando HTTP Keep-Alive, stai dicendo al browser del tuo visitatore di consegnare tutti i file tramite un’unica connessione; in questo modo, una connessione verrà lasciata aperta fino all’invio di tutti i file, riducendo così il numero di connessioni aperte sul tuo server e risultando in un sito web più veloce.

10 Ottieni un host migliore

Se il tuo host web fa schifo, i suggerimenti presentati in questo articolo non faranno molta differenza; Analizzo e profila regolarmente host web e nel processo ho visto host web che valutano 2 su 10 quando si tratta di caricamento della pagina; con questi host web, niente di ciò che fai renderà veloce il tuo sito perché la loro configurazione del server fa schifo.

Nell’articolo di Smashing Magazine , Marcus Taylor ha incluso un caso di studio per mostrare l’impatto che un host web può avere sul tempo di caricamento di un sito; ha confrontato la velocità del sito di due dei suoi clienti; uno su un server dedicato e l’altro su un host condiviso. La risposta è stata sbalorditiva; il sito su un server dedicato ha avuto un tempo di risposta di 7 millisecondi mentre il sito sul server di hosting condiviso economico ha avuto un tempo di risposta di 250 millisecondi.

Il tuo host web è decisamente importante; assicurati di fare le dovute ricerche prima di stabilirti per un host web.