Hai passato mesi a progettare uno straordinario sito WordPress e a lavorare con clienti e collaboratori per creare qualcosa di veramente speciale. Ora l'hai lanciato al pubblico e yay! Hai finito. Ma aspetta... è un po' lento. Sai che la velocità del sito è fondamentale per il successo della tua attività (e quella dei tuoi clienti). Di volta in volta, vieni colpito in testa da statistiche spaventose come " quasi la metà degli utenti Web si aspetta che un sito venga caricato in due secondi o meno" e "gli utenti tendono ad abbandonare un sito che non viene caricato entro tre secondi .”

È facile sentirsi frustrati a questo punto del progetto, ma non preoccuparti. Prima di abbattere la porta del tuo host web o aggiungere un sacco di plugin imprecisi, segui questi semplici passaggi per rendere il tuo sito WordPress fluido, solido e super veloce.

Fase uno: prova!

Prima di iniziare, è importante prendere alcune misurazioni ed eseguire alcuni test per ottenere alcuni benchmark, così saprai se le modifiche che stai apportando stanno effettivamente migliorando il tuo sito.

Per testare la velocità del tuo sito, la soluzione migliore è una combinazione di WebPageTest e Google PageSpeed ​​Insights. WebPageTest ti dà una buona idea del tempo effettivo (in secondi) impiegato da un sito per caricare e queste metriche ti aiuteranno a sapere se è il back-end o il front-end che causa un caricamento lento di un sito. Google PageSpeed ​​Insights è la soluzione migliore per osservare come il tuo sito viene visualizzato dal browser e può aiutarti a identificare cosa puoi migliorare sul front-end.

Fase due: assicurati di avere il miglior host

Il prezzo dell'hosting condiviso fa sembrare sempre un affare, ma ha un costo diverso: velocità del sito lenta, prestazioni irregolari e frequenti tempi di inattività. Lo stress non vale la pena, soprattutto quando hai la possibilità di scegliere un host WordPress gestito (come Flywheel!) Che si occuperà di una grossa fetta dei tuoi problemi di prestazioni di WordPress. Quando si tratta di hosting, non devi rovinare le migrazioni dell'ultimo minuto, i siti compromessi, i server sub-par e i tempi di inattività imprevisti nei momenti più importanti.

Fase tre: verifica i tuoi plugin

L'aggiunta di plugin a un sito può portare molte funzionalità e cose divertenti che rendono il tuo sito ben oltre il semplice. Sfortunatamente, molti portano con sé un sovraccarico di prestazioni. Abbiamo visto tanti siti lenti che vengono subito curati solo disattivando alcuni plugin. Il modo migliore per evitare un'emicrania dalla gestione dei plug-in è tenere a mente le prestazioni mentre sviluppi il tuo sito. "Non passare settimane ad affidarti a un plugin solo perché diventi la rovina della tua esistenza" quando scopri che rende il tuo sito estremamente lento. Leggi le recensioni, testale regolarmente e assicurati di aggiornarle all'ultima versione quando sarà disponibile.

Tutti questi discorsi negativi sui plug-in servono solo a renderti consapevole dei potenziali rischi associati all'utilizzo di quelli cattivi. Di solito si tratta di plug-in sviluppati da programmatori inesperti o che eseguono un sacco di query sul database e richiedono un'elaborazione logica intensiva. Tuttavia, ci sono buone notizie! Esistono migliaia di plugin utili che non rendono frustrati i tuoi utenti e lettori quando esplorano il tuo sito. Il trucco magico è usare solo quelli, e non quelli a prestazioni lente.

Puoi rintracciare facilmente quali plug-in potrebbero causare perdite di prestazioni sul tuo sito. Generalmente utilizziamo un plug-in chiamato P3 Profiler che passa al setaccio l'intero sito e segnala la percentuale del tempo di caricamento totale dell'utilizzo di ciascun plug-in. Se sei seriamente intenzionato alla velocità, eseguirai un test P3 Profiler ogni volta che attivi un nuovo plug-in, per assicurarti di non installare qualcosa che sacrificherà la velocità. Inoltre, confrontando immediatamente i tuoi plug-in, non perderai tempo a pasticciare con un plug-in se non funzionerà bene a lungo termine.

Se ci sono plugin di cui non puoi fare a meno ma che comunque rendono il tuo sito lento, ci sono modi per continuare a usarli. In genere, se si determina che un plug-in si sta caricando lentamente, il passaggio successivo consiste nell'aumentare la memoria sul server. Eliminare la necessità di farlo è il miglior piano d'azione, ma probabilmente ci sono una manciata di plugin che potresti non essere disposto ad abbandonare (WooCommerce, per esempio).

Passaggio quattro: memorizza tutto nella cache

La memorizzazione nella cache, sia lato server che lato client, è una parte importante delle prestazioni del sito WordPress. Una volta che un utente carica il tuo sito per la prima volta, puoi sfruttare le funzionalità del browser per memorizzare nella cache i contenuti di quel sito localmente, in modo che alla visita successiva l'utente li abbia già caricati.

Allo stesso modo, sul lato server, avere un livello di memorizzazione nella cache fa miracoli per servire il tuo sito molto rapidamente. Il modo più comune per memorizzare nella cache lato server con WordPress è utilizzare il plug-in W3 Total Cache. Questo plugin (o uno simile) è necessario su quasi tutti gli host. L'eccezione a questa regola è il Volano; gestiamo la memorizzazione nella cache lato server per te dietro le quinte con Varnish. L'uso di Varnish invece di un plug-in può aumentare notevolmente le velocità perché Varnish non deve mai parlare con PHP. Fornisce immediatamente copie statiche memorizzate nella cache del tuo sito (senza nemmeno toccare il livello dell'applicazione PHP), mentre i plug-in sono ancora eseguiti da PHP.

Su host gestiti come Flywheel, la memorizzazione nella cache lato server indica al browser per quanto tempo memorizzare nella cache le cose impostando "expires headers". Il browser non chiederà al server ulteriori informazioni se quelle intestazioni gli dicono di non chiedere. Devi principalmente iniziare a pensare alla memorizzazione nella cache quando inizi a installare plug-in o temi di terze parti. Gli sviluppatori di temi e plugin possono impostare le proprie intestazioni che possono sovrascrivere le impostazioni predefinite del tuo host, influenzando negativamente i meccanismi di memorizzazione nella cache.

WooCommerce, ad esempio, disabilita la memorizzazione nella cache lato server impostando i cookie. In genere non è molto evidente quando plug-in o temi disabilitano la memorizzazione nella cache, quindi una buona cosa da fare è contattare il tuo provider di hosting e chiedere di forzare la cache del tuo sito. Fai attenzione a non forzare la memorizzazione nella cache su pagine che hanno veramente bisogno dei cookie per funzionare, come il carrello WooCommerce e le pagine di pagamento.

Passaggio cinque: utilizzare una CDN

Una rete di distribuzione dei contenuti (o CDN) è una rete di server che serve il tuo sito Web e le sue risorse da posizioni diverse in base alla posizione dell'utente. Ad esempio, supponiamo che tu non stia utilizzando una CDN e che il tuo sito sia ospitato a San Francisco. Quando qualcuno, ad esempio, da Barcellona visita il tuo sito, deve recuperare tutte le tue risorse dal tuo server a San Francisco.

La lunga distanza tra le due posizioni richiede chiaramente più tempo che se qualcuno di San Francisco carica il tuo sito ospitato a San Francisco. Un CDN serve le tue risorse da un gruppo di server diversi con sede a New York, Seattle, Omaha, Parigi, Londra, Pechino e San Francisco (e molti altri). L'idea è che gli utenti colpiranno il server più vicino a loro e non sacrificheranno il tempo di caricamento poiché c'è una distanza minore tra loro e il server. Con un CDN, la stessa persona di Barcellona ora raggiungerà un datacenter a Londra o Parigi, invece che a San Francisco. L'utilizzo di una CDN aumenterà sicuramente la velocità del tuo sito per gli utenti di tutto il mondo!

Alcuni dei CDN più popolari includono Amazon Web Services, CloudFlare e MaxCDN. La maggior parte di loro ha piani gratuiti, ma se attiri molti visitatori e hai molte risorse, molto probabilmente dovrai pagare per un CDN. In genere sono facili da configurare, ma se desideri una soluzione di configurazione semplicissima, dovresti dare un'occhiata al componente aggiuntivo MaxCDN di Flywheel.

Prova Approfondimenti sulle prestazioni!

Sappiamo che l'hosting da solo non può risolvere tutti i tuoi problemi di prestazioni di WordPress (anche se la piattaforma cloud di Flywheel fa davvero volare il tuo sito!). Piccoli dettagli sul front-end possono davvero rallentare le cose... e con così tanti plugin, temi e tecnologie che lavorano insieme, potrebbe essere difficile sapere da dove cominciare.

Il nostro componente aggiuntivo Performance Insights ti offre uno sguardo approfondito agli aspetti ad alte e basse prestazioni del tuo sito. Da lì, facciamo un ulteriore passo avanti e ti forniamo le azioni consigliate direttamente dal nostro team di esperti, così saprai esattamente dove e come migliorare la velocità del tuo sito! Scopri di più qui.