La velocità di un sito web è un grosso problema. Ha un’influenza diretta sulle possibilità di ritorno di un visitatore, sui tassi di conversione, sui livelli di soddisfazione dei clienti e persino sul posizionamento del tuo sito web nei motori di ricerca come Google.

In breve, il tuo sito web deve essere veloce! Ma Quanto veloce? Bene, in generale, le pagine dovrebbero essere caricate in meno di tre secondi, ma, in realtà, più veloce è meglio è (idealmente uno o due secondi).

WordPress è un sistema ben gestito e ottimizzato: quando si presentano problemi, sono generalmente dovuti al fatto che quasi nessuno utilizza un’installazione vanilla di WordPress. Per ottenere i risultati di cui hai bisogno, è probabile che tu stia usando decine di plugin per velocizzare il tuo sito WordPress, codice personalizzato o temi di terze parti, tutti potenzialmente in grado di peggiorare piuttosto che velocizzare WordPress.

In questo articolo, esamineremo le cause alla radice di queste riduzioni e analizzeremo cosa è possibile fare per risolvere eventuali problemi e velocizzare WordPress.

Quattro fattori che influenzano la velocità di un sito WordPress

Sono diversi i fattori che determinano la velocità di un sito web WordPress, ecco quelli che vedremo più nel dettaglio:

  • Ping
  • Qualità dell’hosting
  • Qualità del codice
  • Richieste del sito web

1. Ping

Il ping è essenzialmente il tempo che una query impiega per arrivare dal tuo computer (o dal computer dei tuoi visitatori ) al server del tuo sito web. Il ping è misurato in millisecondi, e anche se può sembrare poco questi millisecondi si sommano rapidamente. Se il tuo sito web ha molte richieste, anche un ping di 10ms potrebbe aggiungere fino a un secondo o più.

Ovviamente non puoi chiedere agli utenti di avvicinarsi fisicamente ai tuoi server, ma puoi utilizzare una rete di distribuzione dei contenuti (CDN) per ridurre mediamente il ping e velocizzare WordPress. Di seguito parleremo di più sui servizi CDN.

2. Qualità dell’hosting

L’hosting è probabilmente il fattore più importante nella velocità del tuo sito. Non influisce solo sull’esperienza utente fornendo una cache più veloce e server più potenti, ma, con la corretta infrastruttura, sarai meglio protetto contro le ondate di traffico e anche gli effetti della scarsa qualità del codice possono essere mitigati.

Pertanto, trovare un buon hosting dovrebbe essere una priorità.  Come regola generale, vale la pena investire un piccolo extra per un servizio di hosting premium, soprattutto se la tua azienda si affida alla velocità e all’uptime del sito web.

3. Qualità del codice

La qualità del codice influenza la velocità del sito web in diversi modi: un’elaborazione di codice errato richiede più tempo; il codice non ottimizzato potrebbe richiedere molta più memoria , impiegando più tempo per scaricarsi.

Per non parlare dell’effetto palla di neve legato al codice difficile da mantenere : più gli sviluppatori aggiungono codice al tuo sito in stili diversi, usando metodologie diverse, più il tutto inizierà a degradare, aggravando i problemi sopra descritti.

Il problema è che, a meno che tu non sia uno sviluppatore esperto, è difficile determinare la qualità del codice che stai utilizzando. Ci sono tuttavia alcune cose che sono più facili da controllare rispetto ad altre, come la scelta di plugin affidabili, come vedremo più avanti.

4. Richieste del sito web

Il numero di richieste fatte dal tuo sito web è legato alla qualità del codice, ma vale la pena evidenziarlo perché in certa misura puoi controllarlo. Ogni volta che il tuo sito carica una risorsa – un’immagine, un video, uno script (un codice di monitoraggio, ad esempio) e altre cose – viene fatta una richiesta. Ogni richiesta separata prende tempo, il che riduce la velocità del tuo sito, ma ci sono alcune tecniche per ridurre il numero di richieste del tuo sito – daremo uno sguardo ad alcune di queste di seguito.

Come misurare i tempi di caricamento

Prima di capire come ridurre i tempi di caricamento, devi sapere come misurarli. GTmetrix è un ottimo strumento , che ti consente di misurare le prestazioni del tuo sito e ottenere tutti i tipi di informazioni e soluzioni fruibili gratuitamente. 

Altre opzioni interessanti includono Pingdom e WebPageTest , entrambi servizi simili.

Quando si eseguono i test delle prestazioni, è importante considerare alcune cose:

  • Variabilità : assicurati di eseguire più test in diversi momenti della giornata, in modo da ottenere un quadro completo dei tempi di caricamento del tuo sito. I singoli test possono variare, quindi è necessario eseguire più test se si desidera disporre di dati precisi.
  • Posizione di prova : prova a scegliere una posizione di prova vicina al tuo pubblico di destinazione, in modo da poter acquisire con precisione la loro esperienza. Oppure, se hai un pubblico globale, assicurati di provare da diverse località in tutto il mondo per vedere in che modo diversi visitatori sperimenteranno il tuo sito.
  • Dispositivi : oltre il 50% del traffico Internet avviene oggi sui dispositivi mobili, ma la maggior parte delle persone continua a testare i tempi di caricamento da desktop. Vi sono tuttavia alcune importanti differenze tra i dispositivi. Ad esempio, gli smartphone economici impiegano più tempo per elaborare JavaScript, il che significa che un sito web pesante di JavaScript può caricare molto più lentamente sui dispositivi mobili.

GTmetrix e WebPageTest consentono entrambi di modificare posizioni di test, dispositivi e altre variabili.

Qual’è un buon tempo di caricamento?

Innanzitutto, è importante ricordare che non esiste un tempo di caricamento di una singola pagina per il tuo sito. Al di là delle ottimizzazioni apportate, la velocità di caricamento del sito dipende da altri fattori, come la posizione di un visitatore, il dispositivo (ad esempio desktop vs smartphone) e la velocità di connessione (ad esempio 3G vs una connessione cablata veloce).

Inoltre, un buon tempo di caricamento sul desktop non è necessariamente uguale a un buon tempo di caricamento sul cellulare, sebbene i dati siano simili.

Per i dispositivi mobili, Google consiglia di provare a mantenere i tempi di caricamento al di sotto di tre secondi . Oltre a ciò, e la probabilità che il tuo visitatore rimbalzi via quasi raddoppia.

È difficile trovare dati simili per i visitatori desktop, ma vedrai un balzo simile di circa tre secondi amche sui dispositivi desktop, almeno secondo questi dati di Pingdom . Tuttavia, il salto nella frequenza di rimbalzo non è così grande come lo è per i visitatori mobili, il che suggerisce che i visitatori desktop sono un pò più indulgenti.

In generale, comunque, dovresti avere tre secondi al massimo.

Come ridurre i tempi di caricamento e velocizzare WordPress

Mentre alcuni di questi suggerimenti possono sembrare un pò tecnici, sarai in grado di eseguire tutte i consigli in questa prima sezione senza bisogno di alcuna conoscenza tecnica speciale. La maggior parte di essi comporta una scelta intelligente e l’installazione dei plugin di WordPress laddove necessario.

Scegli un host veloce

Abbiamo già menzionato l’importanza di un buon host. Un buon host non offre solo servizi avanzati, come backup, monitoraggio del sito e facile aggiunta di nuovi siti, ma mette anche in atto ottimizzazioni per essere sicuro che il tuo sito si carichi rapidamente.

Se desideri tempi di caricamento di WordPress rapidi, la scelta migliore è scegliere un host gestito ottimizzato appositamente per le prestazioni di WordPress.

Una cosa contro la quale vorremmo mettere in guardia è l’utilizzo dei servizi di hosting WordPress gestiti di aziende che si concentrano anche su altre forme di hosting. Questi servizi sono generalmente economici e non sono specifici per WordPress, solo una riedizione di loro piani condivisi o VPS esistenti. Questo non significa necessariamente che non siano performanti, ma le aziende specializzate in servizi WordPress sono molto meglio in questo tipo di cose.

Aggiorna tutto (specialmente PHP)

Prima di tutto, assicurati di utilizzare sempre l’ultima versione di WordPress. Dalla versione 3.7, WordPress ha avuto aggiornamenti automatici per versioni minori e aggiornamenti di sicurezza. Quando esce un nuovo aggiornamento, riceverai un avviso nell’amministrazione. Non rimandarlo come lavoro di routine per dopo: ci vuole meno di un minuto, aumenterà la sicurezza del tuo sito web e probabilmente la velocità.

Assicurati che anche i tuoi plugin e temi siano aggiornati alle ultime versioni con meno bug, più aggiornate, più sicure e veloci.

Questo per quanto concerne WordPress, ma non dimenticare i tuoi server, in particolare la tua versione di PHP. PHP è il linguaggio di base in cui è scritto WordPress e la differenza di velocità tra l’ultima versione di PHP e le versioni precedenti è spettacolare. Secondo i benchmark PHP di WordPress di Kinsta ,ad esempio, PHP 7.4 elabora più del triplo del numero di richieste al secondo rispetto a PHP 5.6.

Nonostante l’enorme differenza, oltre il 25% dei siti WordPress, purtroppo, utilizza ancora PHP 5.6 o versioni precedenti .

Gli host di fascia alta gestiranno questo aggiornamento per te, o potresti essere in grado di impostare quale versione di PHP il tuo server utilizza dalla tua dashboard di hosting. Se non riesci a trovare alcuna menzione di questo, prova a contattare l’assistenza del tuo host.

Usa una CDN per velocizzare un sito WordPress

KeyCDN

Ho già parlato dei servizi CDN in relazione all’abbassamento dei ping. Una CDN è una rete di distribuzione che fornisce contenuti ai tuoi visitatori da una posizione geograficamente più vicina a loro. Se servo un’immagine tramite una CDN, gli utenti negli Stati Uniti potrebbero ricevere l’immagine attraverso un datacenter in Texas, mentre gli europei potrebbero riceverla attraverso un datacenter in Germania.

La riduzione della distanza che i dati devono percorrere riduce i ping e i tempi di trasferimento e riduce lo stress sul server del tuo sito, poiché il tuo contenuto statico è ora distribuito in tutto il mondo.

Un modo semplice per iniziare con una CDN è utilizzare la funzione Site Accelerator nel plugin Jetpack gratuito . Ciò accelererà il caricamento delle tue immagini e dei tuoi file statici, come CSS e JavaScript.

In alternativa, puoi anche utilizzare il servizio Cloudflare gratuito, anche se richiede un pò più di configurazione perché devi cambiare i nameserver del tuo dominio.

Puoi usufruire anche di una serie di servizi CDN premium come:

Molti host WordPress gestiti premium forniscono nei loro pacchetti anche servizi CDN senza costi aggiuntivi. Questo è un altro motivo per utilizzare un hosting WordPress gestito.

Usa la cache di pagina (a livello server, se possibile)

il plugin di cache WP Rocket

Quando offri una pagina ai tuoi visitatori, si verifica quanto segue: il codice PHP viene eseguito ed elaborato sul server, generando il codice HTML che viene inviato all’utente. L’HTML risultante è quasi sempre lo stesso, ma viene comunque elaborato ogni volta.

Prendi un post sul blog, ad esempio. Non cambia se non viene aggiornato, ma il codice PHP viene comunque elaborato ogni volta.

La cache fa risparmiare tempo prezioso al server “salvando” il risultato dell’operazione di elaborazione. Il codice viene eseguito ed elaborato e il codice HTML risultante viene archiviato nella cache. Per i visitatori successivi, l’elaborazione viene ignorata del tutto e ricevono la versione HTML salvata.

Fondamentalmente, il tuo server deve fare meno lavoro per consegnare il contenuto del tuo sito a ciascun visitatore.

Questo non solo accelera il tuo sito WordPress, ma può essere di grande aiuto nella gestione delle ondate di traffico, dal momento che il server non ha bisogno di elaborare ogni singola richiesta.

Il modo migliore per implementare la memorizzazione nella cache è scegliere un host WordPress gestito che implementa la memorizzazione nella cache a livello di server. In questo modo, il tuo server non ha nemmeno bisogno di caricare WordPress per servire la pagina cache. 

Se questa non è un’opzione percorribile, puoi anche aggiungere la memorizzazione nella cache con un plugin di WordPress. Questo non è altrettanto buono perché il server avrà ancora bisogno di caricare l’applicazione WordPress prima di consegnare la pagina memorizzata nella cache, ma potrà comunque offrire un enorme miglioramento.

Ecco tre dei migliori plugin di cache:

  1. WP Rocket (la nostra recensione)
  2. WP Super Cache
  3. WP Fastest Cache

Nota: è necessario un solo plugin di cache e non è necessario un plugin di cache se l’host ha già implementato la memorizzazione nella cache a livello di server.

Velocizzare WordPress: ottimizza le immagini

In media , le immagini rappresentano circa il 50% delle dimensioni di una pagina web. Quindi, se riduci le tue immagini ottimizzandole, puoi apportare un grande miglioramento ai tempi di caricamento della pagina del tuo sito.

Sono due i passaggi per ottimizzare le tue immagini:

  1. Ridimensionamento : modifica le dimensioni effettive dell’immagine in base alle tue esigenze. Ad esempio, se l’area del contenuto del tema ha una larghezza di soli 800 px, è necessario utilizzare a un massimo di immagini con una larghezza di ~ 1.600 px ( si desidera raddoppiare la larghezza dell’area del contenuto per tenere conto degli schermi Retina ).
  2. Compressione : consente di ridurre le dimensioni del file senza perdita di qualità ( compressione senza perdita ) o con un calo di qualità, spesso impercettibile ( compressione con perdita ).

Se si adatta al tuo flusso di lavoro, puoi ottimizzare le immagini prima di caricarle su WordPress usando software del calibro di Photoshop . Tutti gli editor di immagini ti consentono di scegliere la qualità JPEG, quindi utilizza l’impostazione più bassa possibile. In molti casi, non noterai la differenza tra il 100% e il 60% della qualità, ma le dimensioni del file potrebbero essere dimezzate (o più).

Se desideri una soluzione più pratica, ci sono anche molti plugin che possono ridimensionare e comprimere automaticamente le immagini mentre le carichi su WordPress. ShortPixelImagify e EWW Image Optimizer sono tre buone opzioni che hanno piani gratuiti limitati. Smush è un’altra opzione di qualità con un piano gratuito illimitato, ma ti consente di utilizzare la compressione senza perdita solo se ti iscrivi a WPMU DEV.

Velocizzare WordPress: rivedi i tuoi plugin

Se hai un sito molto lento, rivedere i tuoi plugin potrebbe essere una delle mosse migliori che fai. Ti consiglio di rivedere due volte il tuo elenco di plugin. Alla tua prima revisione, identifica i plugin che non usi o che non ti servono, disattivali e poi cancellali.

Una volta eliminati tutti i plugin non necessari, dovrai controllare quelli che rimangono per vedere se c’è spazio per miglioramenti. Assicurati che ogni plugin sia il migliore disponibile: ci sono migliaia di plugin nel repository, quindi scegli quelli che sono più affidabili, testati e di alta qualità. 

Dovresti puntare ad avere il minor numero possibile di plugin, poiché ottimizzando l’utilizzo dei plugin * ridurrai il numero di richieste del tuo sito, aumentando ulteriormente la velocità.

* L’utilizzo di più plugin non rallenta automaticamente il tuo sito perché dipende da cosa fa effettivamente ogni plugin e dal suo codice. Ma, a meno che tu non abbia le conoscenze per analizzare le prestazioni di un plugin in autonomia, è meglio attenersi alla regola approssimativa che più plugin significano un sito web più lento.

Velocizzare WordPress: abilita la compressione Gzip

Le dimensioni delle pagine web possono contribuire notevolmente alla velocità di download. Utilizzando gzip per comprimere il sito web (è molto simile all’utilizzo degli archivi zip), è possibile ridurre le dimensioni della pagina e quindi il tempo necessario per recuperarlo. In media, gzip può ridurre le dimensioni dei file di circa il 70%.

Molti plugin di prestazioni / cache di WordPress hanno già una funzione per abilitare la compressione gzip compresi WP Rocket , WP Super Cache e WP Fastest Cache . Esiste anche un plugin dedicato chiamato Enable Gzip Compression che si concentra interamente sulla compressione gzip.

In alternativa, puoi abilitarla manualmente modificando il tuo file .htaccess.

Velocizzare WordPress: Minimizza e concatena i file

Concatenare (unire) i file aiuta a ridurre il numero di richieste che un sito fa. Se il tuo sito contiene dieci file JavaScript e dieci file CSS, sta generando 20 richieste HTTP. Se unisci tutti i tuoi file JavaScript in un singolo file, però (e fai lo stesso per il tuo CSS), ridurrai le tue richieste a due, il che ti farà risparmiare molto il tempo di caricamento.

La minficazione dei file è un altro modo pratico per ridurne le dimensioni. Il codice è stato scritto per essere letto dagli umani, ma le macchine non hanno bisogno di tutti quegli spazi extra e nomi di variabili leggibili. La minificazione elimina tutto ciò che è necessario solo per la leggibilità, come spazi, interruzioni di riga e commenti.

Alcuni plugin di cache / performance di WordPress includono strumenti integrati per questo. Ad esempio, WP Rocket ti consente di eseguire sia la minificazione che la concatenazione.

Se disponi già di una soluzione di memorizzazione nella cache (o il tuo host implementa la memorizzazione nella cache), puoi anche utilizzare il plugin Autoptimize gratuito per minimizzare e concatenare i tuoi file.

Attività di sviluppo

Come proprietario / utente di un sito web, non c’è molto altro che tu possa fare per accelerare il tuo sito. Molti “vizi” fondamentali sono commessi nel codice e non c’è molto che puoi fare al riguardo – a meno che tu non sia disposto a sporcarti le mani! Senza entrare nel nocciolo della questione, ecco i problemi più comuni che incontrerai e come risolverli.

Il caricamento di script occupa richieste preziose e larghezza di banda. Mentre alcuni devono essere caricati nell’header (la parte del sito web che viene caricata per prima), la maggior parte funzionerà perfettamente se caricata nel footer: la parte del sito che si carica per ultima. Quando il browser carica il footer del tuo sito web, avrà già caricato i tuoi contenuti, in modo che il visitatore possa iniziare a leggere mentre gli script nel piè di pagina vengono caricati.

La soluzione è spostarti il ​​più possibile sul footer. In WordPress, puoi farlo utilizzando la funzione wp_enqueue_script () – dai un’occhiata alla documentazione collegata per maggiori dettagli.

Se non vuoi scavare nel codice, puoi anche utilizzare il plugin gratuito Async Javascript per rimandare almeno il caricamento di JavaScript sul tuo sito.

Carica prima i contenuti importanti

Lo stesso tipo di logica può essere applicato alla struttura del contenuto. Se la barra laterale viene caricata prima del contenuto e qualcosa va storto, bloccherà l’intero sito. Se viene caricato dopo il contenuto, è possibile che il sito si blocchi, ma a quel punto verrà caricato il contenuto principale.

Struttura quindi il codice in modo tale da consentire il caricamento dei contenuti primari il più presto possibile, quindi se qualcosa va storto gli utenti hanno qualcosa da guardare – e potrebbero anche non notare i problemi.

Ottimizza il tuo database

Con il tempo, qualsiasi database si deteriorerà. Peggiore è il tuo codice, tanto più veloce accadrà. Fortunatamente, MySQL ha alcuni ottimi strumenti integrati per riparare questi problemi. Grandi database consumano più RAM e rallentano le query, il che porta a tempi di elaborazione più lunghi, che possono aggiungere fino a dieci secondi di tempo di caricamento!

Conclusione

Come puoi vedere, puoi fare molto per velocizzare il tuo sito WordPress! Alcuni metodi sono adatti solo per gli sviluppatori (o per i più avventurosi), ma ci sono un sacco di semplici modifiche che puoi eseguire come utente normale per aumentare la velocità del tuo sito WordPress, in particolare con l’aiuto di alcuni plugin gratuiti o convenienti.

Se scegli l’hosting di qualità, usi i plugin con intelligenza ed applichi alcune ottimizzazioni di base ( come la compressione delle immagini e l’implementazione della memorizzazione delle pagine nella cache ), dovresti avere un sito web WordPress che può caricare in meno di tre secondi.

Buon lavoro!