10 modi migliori per velocizzare il tuo sito Web WordPress

Da quando Google ha annunciato l'introduzione della velocità della pagina come una delle metriche per determinare il ranking SEO, i proprietari di siti hanno reso una delle loro priorità principali far caricare rapidamente i loro siti Web.

I tempi di caricamento della pagina influiscono anche sul fatto che i visitatori abbandonino prima che la pagina venga caricata completamente. Con un sito Web a caricamento lento, puoi perdere una quantità significativa di traffico e conversioni.

In questa guida, discuteremo un elenco di azioni che puoi intraprendere per velocizzare il tuo sito Web WordPress.

Perché la velocità della pagina è importante?

Ci sono due ragioni principali per cui la velocità della pagina è importante per te come proprietario del sito.

Innanzitutto, la velocità della pagina influisce sulle tue classifiche SEO. Se ci sono due siti comparabili in tutti gli altri aspetti della SEO, i motori di ricerca penalizzano il sito più lento. Non è chiaro quanta penalità venga applicata dagli algoritmi di ranking delle pagine, tuttavia è una buona idea ottimizzare ogni aspetto del tuo sito web per la velocità.

In secondo luogo, gli utenti online hanno una capacità di attenzione relativamente breve. A meno che qualcuno non voglia davvero controllare i tuoi contenuti, è possibile che un visitatore lasci il tuo sito prima che si carichi ogni secondo che passa. Potrebbero anche abbandonare i loro carrelli se il successivo processo di pagamento è lento: ad esempio, uno studio di Pingdom ha mostrato che il 38% dei visitatori ha lasciato siti Web il cui caricamento richiedeva almeno cinque secondi.

Tutto sommato, tempi di caricamento delle pagine più rapidi ti aiutano a ottenere un migliore posizionamento sui motori di ricerca e a generare più visualizzazioni di pagina e conversioni. Inoltre, porta a una migliore esperienza utente.

Diamo ora un'occhiata ad alcuni strumenti che puoi utilizzare per misurare il tempo di caricamento della pagina.

Come misurare la velocità della pagina?

Prima di provare varie tecniche per velocizzare il tuo sito web, dovresti prima fare un passo indietro e valutare la situazione attuale. Questo può aiutarti a capire quanto hai bisogno per ottimizzare il tuo sito web.

Testare il tuo sito web prima dell'ottimizzazione ti fornisce anche un punto di riferimento per confrontare i risultati dei test futuri. Ora, vediamo alcuni strumenti di test che possono aiutarti a valutare il tuo sito Web in base alle tue esigenze, al budget e alla tecnologia.

GTmetrix

GTmetrix è uno strumento gratuito basato sul Web per valutare le prestazioni del tuo sito Web WordPress. Basta andare alla home page di GTmetrix e inserire l'URL per testare un sito web. Non è possibile impostare la regione del server di prova e le impostazioni del browser nella versione gratuita, tuttavia la versione a pagamento offre maggiore controllo e la possibilità di mantenere la cronologia.

GTmetrix restituisce tre parametri chiave:

• tempo di caricamento della pagina
• dimensione totale della pagina
• numero totale di richieste HTTP

In questa guida, vedremo come ottimizzare tutte queste metriche.

Approfondimenti sulla velocità della pagina

PageSpeed ​​Insights è uno strumento gratuito basato sul Web di Google Developers che ti consente di valutare le prestazioni del tuo sito web. Devi semplicemente inserire il tuo URL per iniziare il test.

L'offerta chiave di PageSpeed ​​Insights è focalizzata sui dispositivi mobili. Un sito Web può comportarsi in modo significativamente diverso su un dispositivo mobile rispetto a un desktop. Sebbene non sia possibile controllare su quale dispositivo viene eseguito il test, un benchmark fornito da questo strumento aiuta nell'ottimizzazione generale.

Pagina WebTest

WebPageTest è uno strumento gratuito e open source per testare le prestazioni del tuo sito web. Ti dà molto più controllo sull'ambiente di test.

Non solo puoi decidere il dispositivo e la posizione da cui viene eseguito il test, ma puoi anche creare test passo dopo passo per generare metriche personalizzate per il tuo sito web.

Ora che abbiamo discusso brevemente degli strumenti che possono aiutarti a identificare la velocità del tuo sito Web, vediamo come puoi velocizzare il tuo sito WordPress.

1. Scegli un host web veloce

Quando un visitatore atterra su una pagina del tuo sito web, il suo browser invia una richiesta al tuo server per visualizzare quella pagina. Il tempo impiegato dal server per rispondere influenza fortemente il tempo necessario per l'attesa. Indipendentemente dall'efficienza del tuo sito Web, le prestazioni del server Web determinano in modo critico la velocità con cui viene gestita la richiesta di un visitatore.

Prima di scegliere un host, dovresti prima selezionare il tipo di hosting che stai cercando. Sei soddisfatto delle prestazioni relativamente lente di un host condiviso o hai bisogno di un hosting WordPress dedicato e specializzato? La scelta è generalmente un compromesso tra costo e velocità.

Ecco la nostra guida completa per selezionare l'host più veloce per WordPress. In breve, consiglio SiteGround se stai cercando una soluzione economica ma affidabile. Se vuoi che le migliori prestazioni e il budget non siano un problema, dovresti provare l'hosting WordPress gestito da Kinsta.

2. Usa un tema leggero e flessibile

Il tema che selezioni per il tuo sito WordPress contribuisce in modo significativo alla velocità della pagina. Poiché la maggior parte dei proprietari di siti non modificherebbe un tema WordPress per le prestazioni, è importante scegliere un tema che sia efficiente e si carichi velocemente.

La regola generale è selezionare un tema leggero con funzionalità minime, a seconda delle tue esigenze. Puoi prendere in considerazione la nostra raccolta dei temi WordPress più veloci per iniziare la tua caccia.

Non riesci a prendere una decisione? Quindi, ti consiglio di dare un'occhiata a Sydney, il nostro tema WordPress gratuito e leggero che unisce elementi di design moderno con una moltitudine di opzioni di personalizzazione.

3. Usa i plugin con saggezza

Puoi attribuire la crescita di WordPress alla comunità che sviluppa e mantiene i plugin. I plugin espandono le funzionalità di WordPress per renderlo capace di molto di più. Sebbene troverai un plug-in per qualsiasi attività che puoi immaginare, è una buona idea utilizzare in modo selettivo solo quei plug-in di cui hai assolutamente bisogno per il funzionamento del tuo sito web.

Ogni plug-in aumenta la complessità di un sito WordPress, quindi è buona norma controllare periodicamente il tuo sito Web per valutare ogni plug-in. Assicurati di disattivare o rimuovere tutti i plugin non necessari.

Dovresti anche controllare se i plugin sono in conflitto tra loro o con il tuo tema. La funzione di integrità del sito del plug-in Verifica integrità e risoluzione dei problemi di WordPress può aiutarti a verificare potenziali conflitti tra i plug-in.

4. Ottimizza il tuo database WordPress

La tua applicazione WordPress si connette a un database che memorizza tutti i dati relativi al sito in background. Il database memorizza essenzialmente tutto il contenuto del tuo sito Web, inclusi, a titolo esemplificativo, post, pagine, registrazioni degli utenti, commenti e impostazioni.

Quando qualcuno visita il tuo sito web, sta semplicemente recuperando dati dal database per visualizzare una pagina o un post. Tuttavia, un'azione dell'utente come un commento, un voto positivo o un acquisto porta alla generazione di dati. WordPress salva automaticamente anche le revisioni che apporti ai tuoi post.

Il tempo di richiesta-risposta tra il database e il tuo sito WordPress può aumentare per due motivi. Innanzitutto, man mano che le dimensioni del database aumentano, l'esecuzione di queste query richiede più tempo. In secondo luogo, i cicli di immissione e rimozione dei dati possono frammentare il database, quindi parti diverse del database possono essere archiviate in posizioni diverse all'interno del filesystem.

Pertanto, ha senso mantenere il database snello rimuovendo i dati indesiderati come spam e commenti non approvati, revisioni dei post e post cestinati. WP Optimize è un plug-in che ti consente di ottimizzare il tuo database WordPress rimuovendo i dati vecchi e ridondanti e deframmentando il database.

5. Utilizzare una CDN per fornire risorse

Una Content Delivery Network (CDN) è costituita da un gruppo di server collocati in posizioni strategiche in tutto il mondo. Si basa sulla premessa che il tempo di download di una risorsa dipende dalla distanza fisica tra il client e il server.

Una rapida analisi di HTTP Archive rivela che una pagina su un tipico sito WordPress pesa circa 2,3 MB nel 2020. Una parte significativa del peso di questa pagina è costituita da immagini (1,2 MB), font e fogli di stile (280 KB) e script (470 KB ).

Se memorizzi queste risorse su server CDN in tutto il mondo, un visitatore da qualsiasi parte del mondo può potenzialmente caricarle da un server più vicino, riducendo il tempo di caricamento della pagina web. Consiglio di provare KeyCDN, una soluzione CDN conveniente per i proprietari di siti.

6. Prepara le tue immagini per il Web

Mentre abbiamo coperto l'uso della CDN per ottimizzare la consegna delle risorse chiave al cliente, prendiamoci un momento per ottimizzare anche le risorse. Le immagini rappresentano quasi la metà del carico utile e spesso fungono da componenti critici del design di una pagina web. Pertanto, è una buona idea seguire alcune best practice per ottimizzare le prestazioni delle immagini.

Controlli igienici

Innanzitutto, devi assicurarti di caricare le immagini nella dimensione corretta. Ad esempio, non ha molto senso utilizzare il logo della stessa dimensione sia per la pagina Chi siamo che per la favicon. Poiché la favicon è di dimensioni sostanzialmente inferiori, dovresti ridimensionare il tuo logo e caricarne una versione più piccola.

Successivamente, dovresti anche utilizzare il tipo di immagine appropriato. Ad esempio, un'immagine JPG è ideale per fotografie e altre immagini complesse con molte variazioni di colore. D'altra parte, le immagini PNG funzionano bene per la grafica con meno variazioni di colore, come uno screenshot. Infine, un SVG (Scalable Vector Graphic) funziona perfettamente per un'immagine composta da semplici forme geometriche, come un logo.

Ottimizzazione dell'immagine

Dopo aver creato le immagini per il tuo post, assicurati di ottimizzarle anche. L'ottimizzazione delle immagini significa essenzialmente la compressione delle immagini per renderle adatte al web. Puoi ottimizzarli localmente o utilizzare un plug-in per lo scopo.

Se desideri un plug-in WordPress che si occupi di tutte le tue immagini caricate, puoi utilizzare Imagify, un plug-in WordPress freemium che ottimizza le tue immagini in tempo reale. E, se desideri utilizzare un'app desktop per ottimizzare le immagini prima di caricarle, puoi provare ImageOptim.

Puoi anche dare un'occhiata alla nostra carrellata dei migliori plugin per l'ottimizzazione delle immagini di WordPress.

Caricamento pigro delle immagini

Il caricamento lento è il processo di download della versione completa di un'immagine solo quando entra nella finestra del browser mentre il visualizzatore scorre la pagina verso il basso. Questa tecnica di ottimizzazione delle immagini consente di risparmiare preziosa larghezza di banda sia per il proprietario del sito Web che per lo spettatore. Inoltre, riduce il tempo di caricamento della pagina ritardando il download di una parte significativa del payload.

Sebbene ci siano plug-in che ti consentono di abilitare il carico pigro, vale la pena notare che WordPress sta anche considerando di aggiungerlo come funzionalità principale.

7. Gestisci i file statici in modo efficiente

Oltre alle immagini, i fogli di stile e gli script rappresentano una parte significativa del carico utile di una pagina web. Quindi, vediamo ora come puoi servire in modo efficiente questi file statici ai tuoi spettatori.

Innanzitutto, puoi ridurre al minimo i tuoi fogli di stile e script per ridurre le dimensioni delle tue risorse. Il processo di minimizzazione comporta la rimozione di quelle parti di un file che non sono necessarie per l'esecuzione. Questi includono spazi bianchi, commenti e codice inutilizzato.

Puoi minimizzare le tue risorse manualmente utilizzando un servizio come Minifier. Tuttavia, per un sito WordPress, risparmierebbe tempo utilizzare un plug-in di minimizzazione come WP Super Minify per ridurre al minimo tutte le risorse sul tuo sito in una volta sola.

Successivamente, puoi caricare alcuni dei tuoi fogli di stile e script in modo asincrono. Se lo fai, il caricamento di risorse non essenziali non interromperà il rendering della pagina. Ecco un tutorial su come rinviare l'analisi di JavaScript in WordPress.

Infine, puoi abilitare la compressione GZIP per comprimere ulteriormente le tue risorse. La compressione GZIP è una tecnica che prevede che il server invii file compressi al browser, che vengono decompressi una volta completato il download. La compressione GZIP è una caratteristica comune anche nei plugin di memorizzazione nella cache (discussa di seguito).

8. Ottimizza le richieste HTTP

Anche se abbiamo parlato ampiamente del carico utile, dovremmo anche discutere di come inviarli al cliente. Potresti aver notato che molti problemi segnalati dagli strumenti di valutazione delle prestazioni sono correlati alle richieste HTTP. Le metriche tipiche includono quante richieste HTTP ha la tua pagina web, quante di esse implicano reindirizzamenti e quante ricerche DNS deve effettuare il browser per scaricare tutte le risorse.

Un modo semplice per ridurre il numero di richieste HTTP consiste nel combinare file simili. Ad esempio, dovresti avere un singolo foglio di stile CSS per il tuo sito web. Anche tutti gli script personalizzati dovrebbero essere combinati in un unico file. Man mano che il numero di richieste HTTP diminuisce, anche il tempo di caricamento della pagina diminuisce. Se utilizzi un plug-in Miniifier, scegline uno che si occupi di combinare file simili.

Per ottimizzare le tue richieste HTTP, puoi anche ridurre al minimo il numero di ricerche DNS. Ogni volta che il browser incontra una risorsa ospitata su un nuovo nome di dominio, deve eseguire una ricerca DNS per ottenere l'indirizzo IP corrispondente. Se archivi le tue risorse su un singolo dominio, puoi ridurre le ricerche DNS. Se utilizzi una CDN per servire i tuoi file statici, il numero di ricerche DNS è già ridotto al minimo.

Infine, dovresti anche ridurre al minimo il numero di reindirizzamenti per le risorse statiche. Un reindirizzamento avviene quando la posizione originale di una risorsa punta a una nuova posizione, il che significa essenzialmente che il browser deve effettuare una nuova richiesta per ottenere la risorsa.

9. Abilita la memorizzazione nella cache in WordPress

La memorizzazione nella cache è il processo di memorizzazione di una parte della pagina in una posizione temporanea per servirla rapidamente ai visitatori. La memorizzazione nella cache consente di risparmiare larghezza di banda del server e ridurre i tempi di caricamento della pagina.

Quando scegli un plug-in di memorizzazione nella cache per il tuo sito WordPress, selezionane uno facile da configurare e che fornisca miglioramenti delle prestazioni con impostazioni semplici. Se hai l'esperienza, dovresti accedere alle impostazioni avanzate per sbloccare ulteriori vantaggi in termini di velocità.

Abbiamo testato e confrontato i migliori plugin di memorizzazione nella cache di WordPress. WP Rocket è uscito vincitore nei risultati dei nostri test.

10. Mantieni WordPress e PHP aggiornati

WordPress e PHP sono software popolari in fase di sviluppo attivo. Ogni giorno vengono incorporati miglioramenti come nuove funzionalità, correzioni di bug, patch di sicurezza e miglioramenti delle prestazioni.

Pertanto, è essenziale aggiornare WordPress, plug-in e PHP alle ultime versioni per stare al passo con questi miglioramenti. Tuttavia, prima di avviare un aggiornamento, assicurati di eseguire il backup della versione corrente del tuo sito WordPress.

Riepilogo

In questa guida, in primo luogo, abbiamo spiegato perché la velocità della pagina è fondamentale da considerare e ottimizzare per il proprietario di un sito.

Successivamente, abbiamo esaminato alcuni strumenti popolari che valutano quanto è buono il tuo sito Web e come puoi migliorarne le prestazioni.

Infine, abbiamo discusso le tecniche più importanti per velocizzare il tuo sito WordPress, dall'utilizzo di un host web sufficientemente veloce all'aggiornamento regolare di PHP e WordPress.

Usi una tecnica diversa per velocizzare il tuo sito WordPress? Fatecelo sapere nei commenti qui sotto.