10 suggerimenti per migliorare la velocità del sito Web WordPress

Velocità del sito Web WordPress

Velocità del sito web: è uno dei principali fattori che la maggior parte degli sviluppatori e dei SEO desidera migliorare. Proprio questa settimana Google ha annunciato che la velocità di caricamento della pagina Web sarebbe stato un importante fattore di ranking nel suo nuovo Mobile First Index.

Secondo questo articolo, Webpage Load Speed ​​contribuisce direttamente all'abbandono della pagina con il 25% di abbandono dopo soli 4 secondi, osservabile tramite Google Analytics. Anche la velocità di caricamento della pagina ha un effetto negativo se si considerano gli utenti mobili, secondo DoubleClick di Google, il 53% degli utenti mobili abbandona una pagina dopo 4 secondi.

Quindi questa settimana abbiamo deciso di analizzare alcuni suggerimenti e metodi per migliorare la velocità del tuo sito Web WordPress.

1. Esegui test

Prima di iniziare a ottimizzare il tuo sito Web per una maggiore velocità, è una buona idea eseguire dei test per vedere come si comporta attualmente il sito Web, per darti un buon indicatore del livello di miglioramenti di cui avrai bisogno.

PageSpeed ​​Insights di Google Developers assegna al sito Web un punteggio di ottimizzazione su 100 sia per desktop che per dispositivi mobili. Questo è un ottimo modo per vedere le prestazioni della velocità del tuo sito Web e fornisce anche frammenti di informazioni su dove è necessario apportare miglioramenti.

Un altro test che potresti considerare di eseguire è WebPageTest. Questo test fornisce un'enorme quantità di dettagli approfonditi su come viene caricato il tuo sito Web, incluso il tempo per il primo byte e ti mostrerà esattamente quanto tempo ci vuole per caricare risorse specifiche.

2. Minimizza e combina (HTML, CSS e JavaScript)

Una volta che hai i risultati del tuo WebPageTest, puoi vedere il numero di richieste fatte dal tuo sito web per utilizzare pagine di risorse aggiuntive come pagine HTML, CSS e JavaScript.

L'obiettivo qui è cercare di ridurre quel numero il più possibile, riducendo questi file e combinandoli insieme per ridurre quel numero.

Questo processo è particolarmente importante se stai utilizzando un page builder come Divi o Elementor, a volte questi builder possono lasciare frammenti di codice inutile, spazio bianco e formattazione non necessaria all'interno dei tuoi file.

Un modo semplice per farlo è installare plugin come WP Fastest Cache. All'interno delle impostazioni dei plugin di questo tipo si desidera selezionare sia le opzioni di riduzione che di combinazione.

3. Ridurre al minimo il tempo al primo byte

Il tempo al primo byte o TTFB, è essenzialmente una misura del tempo impiegato da un server per ricevere la tua richiesta e inviare il primo byte di informazioni al tuo browser.

Developer Tools o DevTools, sono un insieme di strumenti di creazione e debug del Web integrati in Google Chrome. I DevTools forniscono agli sviluppatori web un accesso approfondito alle parti interne del browser e alla loro applicazione web.

Se utilizzi gli Strumenti per sviluppatori, è importante ricordare che il tempo di risposta può essere influenzato dalla tua connessione Internet. Quindi più lenta è la tua connessione, più lenta apparirà la risposta del tuo server.

Se il tuo TTFB è inferiore a 200 ms, tutto va bene nel mondo. In caso contrario, potrebbero esserci alcuni problemi diversi da risolvere per ridurre quel tempo.

La creazione di contenuti dinamici e la configurazione del server sono due fattori controllabili quando si cerca di ridurre il TTFB. Con WordPress le tue pagine sono molto probabilmente dinamiche. Ciò significa che devono interagire con un database da "costruire" dai diversi file con PHP prima che venga eseguito il ping.

La riduzione del tempo di risposta del server e l'abilitazione della memorizzazione nella cache sono due correzioni per questi problemi che esamineremo più avanti in questo articolo.

4. Ridurre il tempo di risposta del server

Uno dei fattori più importanti nella velocità di caricamento della pagina è la quantità di tempo necessaria per la ricerca DNS.

Un DNS (Domain Name System) è un server con un database di indirizzi IP e i nomi host associati. Quando un utente digita un URL nel proprio browser, un server DNS è ciò che traduce quell'URL nell'indirizzo IP che ne indica la posizione online.

Se stai utilizzando un provider DNS lento, questo aumenta il tempo necessario ai browser per individuare il tuo sito. Il passaggio a un provider DNS più veloce può accelerare il processo.

Se non sei sicuro di chi sia il tuo attuale provider DNS, puoi scoprirlo con lo strumento di ricerca DNS di MX Toolbox

5. Scegli l'opzione di hosting giusta

Alcuni pacchetti di provider di hosting sono limitati in termini di velocità, è meglio verificare se il tuo provider di hosting è in grado o limitando il tuo attuale abbonamento.

Se ritieni che l'host non stia fornendo un servizio sufficientemente veloce, potrebbe essere interessante contattarlo, informarlo prima di cambiare servizio poiché a volte ciò potrebbe comportare mesi gratuiti o un servizio più economico dallo stesso provider di hosting.

Puoi testare la velocità e ottenere una valutazione delle prestazioni del tuo attuale provider di hosting con Bitcatcha.

6. Abilita la memorizzazione nella cache del browser

Quando visiti un sito web, gli elementi della pagina che visiti vengono memorizzati sul tuo disco rigido in una cache, o memoria temporanea che consente al tuo browser di caricare la pagina dalla memoria locale invece di inviare un'altra richiesta ai server per caricare il sito web.

Un modo semplice per abilitare la memorizzazione nella cache del browser è utilizzare un plug-in come WP Fastest Cache. Segui questi passaggi per abilitare la memorizzazione nella cache del browser:

• Scarica e installa il plugin WordPress "WP Fastest Cache".
• Passa alle impostazioni del plug-in WP Fastest Cache.
• Fare clic sulla casella di controllo Caching del browser e fare clic sul pulsante Invia.
• Successivamente verrà visualizzato un messaggio "Opzioni salvate".

Abilita memorizzazione nella cache

In WP Fastest Cache, l'opzione del sistema cache, una volta abilitata, crea file html statici dai file di database php e mysql di cui è composto il tuo sito Web WordPress dinamico.

Se il numero di visitatori del sito Web è elevato, il sistema deve utilizzare molta RAM e CPU per eseguire il rendering della pagina, il che può causare velocità di caricamento lente per molti utenti.

Con il sistema cache abilitato, il server non ha più bisogno di richiamare i file php e mysql e si basa sul file html statico.

Una volta completato, dovresti notare miglioramenti di velocità osservabili alla velocità del sito Web quasi istantaneamente.

7. Dimensioni dell'immagine

Le dimensioni dei file di immagine contenuti nel tuo sito Web sono un fattore importante da considerare quando si tenta di aumentare la velocità della pagina. Le immagini ad alta risoluzione possono aumentare le dimensioni complessive delle pagine Web e, a loro volta, rallentare la velocità del sito Web.

La dimensione dell'immagine consigliata è inferiore a 100 KB o 0,1 MB, quindi l'immagine viene caricata rapidamente, ciò significa che qualsiasi immagine superiore a questa dimensione dovrà essere compressa fino o inferiore a 100 KB.

Puoi farlo facilmente attraverso l'uso di alcuni plug-in o siti Web, che consentono la compressione delle immagini, tuttavia potrebbe essere interessante imparare come farlo attraverso l'uso di Photoshop in quanto è meglio avere le immagini compresse prima di caricare o creare il tuo sito Web.

Se non hai conoscenze sull'utilizzo di Photoshop, ti consiglio di utilizzare i servizi di compressione online CompressJPEG o CompressPNG.

8. Abilita compressione

Più piccoli sono i tuoi file, più velocemente verranno caricate le tue pagine. La compressione dei file è uno dei modi più semplici per ridurre i tempi di caricamento e oggi, abilitare la compressione con Gzip è considerata una pratica standard.

WordPress Fastest Cache consente anche la compressione GZIP, sempre simile all'abilitazione della memorizzazione nella cache del browser, una volta abilitata questa opzione vedrai un notevole miglioramento della velocità del sito web.

Se non sei sicuro che il tuo sito abbia Gzip abilitato, puoi utilizzare Verifica compressione GZIP. Inserisci semplicemente l'URL del tuo sito e, se hai abilitato Gzip, vedrai qualcosa del genere:

9. Utilizzare piattaforme di hosting esterne

L'utilizzo di una piattaforma di hosting esterna per ospitare file più grandi fuori sede è un altro metodo da esplorare, poiché file video del calibro di possono essere di dimensioni notevoli e avere un effetto importante sulla velocità del tuo sito web.

Invece di caricare video direttamente sul tuo sito web, prova a utilizzare piattaforme di hosting esterne come YouTube o Vimeo e usa il loro codice html per incorporare il video sul tuo sito. Questo metodo consente di risparmiare molto spazio e consente l'alta risoluzione anziché i file video compressi.

10. Usa una CDN

Quando si richiede a un server di aprire un sito Web, la richiesta viaggia su Internet fino al punto in cui si trova il server che ospita il sito Web, il che indica al server di inviare le informazioni richieste.

Durante i periodi di picco del traffico, con un numero elevato di richieste effettuate, ciò può rallentare i tempi di risposta del server, il che non è l'ideale durante i periodi in cui c'è un alto potenziale di crescita per la tua attività.

L'utilizzo di una CDN (Content Delivery Network) memorizzerà nella cache il tuo sito Web su una rete globale di server, il che significa che ogni volta che viene effettuata una richiesta verrà instradata al server più vicino su cui è memorizzato nella cache del sito Web. In sostanza, invece di inviare tutte le richieste globali a un server, suddivideva le informazioni tra server contenuti in diversi paesi o località.

Dopo aver seguito i passaggi precedenti, ci sarà una notevole differenza nella velocità del sito web. Riesegui i test sopra e confronta i risultati per un chiaro indicatore dei miglioramenti.

Se hai bisogno di ulteriori informazioni o hai difficoltà a implementare le modifiche, puoi vedere la nostra gamma di servizi WordPress qui: Sviluppo Web WordPress