Come ottimizzare WordPress per la velocità

Perché la velocità di un sito WordPress è importante?

La velocità di un sito influisce direttamente sull'esperienza utente, sul posizionamento SEO e sulle conversioni. Google utilizza i Core Web Vitals (LCP, FID, CLS) come fattori di ranking, e le ricerche mostrano che il 53% dei visitatori da mobile abbandona un sito che impiega più di 3 secondi a caricarsi. Ogni secondo di ritardo in più riduce le conversioni di circa il 7%. Per i siti WordPress, che alimentano oltre il 43% di internet, l'ottimizzazione della velocità è cruciale per il successo.

La buona notizia è che la maggior parte dei siti WordPress può essere velocizzata notevolmente con le giuste impostazioni e i giusti plugin, spesso senza scrivere una riga di codice. In questa guida copriamo ogni aspetto dell'ottimizzazione, dal server al front-end.

1. Plugin di caching

Il caching è la singola ottimizzazione più efficace per WordPress. Invece di far generare al server la pagina dal database a ogni visita, viene servita direttamente la versione in cache, il che è molto più veloce.

LiteSpeed Cache

Se il tuo hosting usa il LiteSpeed Web Server (come l'hosting WordPress di BeoHosting), LiteSpeed Cache è la scelta migliore. È gratuito e funziona a livello di server, il che lo rende più veloce dei plugin che operano a livello di PHP.

• Page Cache: abilitalo e imposta il TTL (Time to Live) a 604800 (7 giorni) per le pagine statiche.
• Browser Cache: abilitalo per memorizzare in cache i file statici nei browser dei visitatori.
• Object Cache: abilitalo se il server supporta Memcached o Redis per la cache delle query al database.
• Ottimizzazione CSS/JS: minificazione, combinazione e caricamento asincrono dei file CSS e JavaScript.
• Ottimizzazione delle immagini: ottimizzazione integrata delle immagini con conversione in WebP.

WP Super Cache

Un plugin di caching semplice e affidabile di Automattic (i creatori di WordPress). Ideale per chi inizia, con impostazioni minime. Genera file HTML statici e li serve al posto delle pagine PHP dinamiche.

W3 Total Cache

Il plugin di caching più complesso, con il maggior numero di opzioni. Supporta page cache, database cache, object cache, browser cache, minificazione e integrazione CDN. Richiede maggiori conoscenze tecniche per una configurazione ottimale, ma offre i migliori risultati agli utenti avanzati.

2. Ottimizzazione delle immagini

Le immagini sono in genere le risorse più pesanti di una pagina web, spesso il 50-80% della dimensione totale. L'ottimizzazione delle immagini può ridurre drasticamente i tempi di caricamento.

Formati di immagine

• WebP: un formato moderno che è del 25-35% più leggero del JPEG a parità di qualità. Supportato da tutti i browser moderni.
• AVIF: un formato ancora più recente, del 20% più leggero del WebP, ma il supporto dei browser è ancora limitato.
• JPEG: ancora valido per le fotografie. Usa una qualità dell'80-85% per il miglior equilibrio tra dimensione e qualità.
• PNG: usalo solo per le immagini che richiedono trasparenza. Altrimenti è troppo pesante per le fotografie.
• SVG: ideale per icone, loghi e illustrazioni semplici, si ridimensiona senza perdita di qualità.

Plugin per l'ottimizzazione delle immagini

• ShortPixel: comprime automaticamente le immagini al caricamento. Offre compressione lossy, glossy e lossless. Gratuito fino a 100 immagini al mese.
• Imagify: dai creatori di WP Rocket. Compressione automatica con conversione in WebP. Gratuito fino a 25MB al mese.
• Smush: un popolare plugin gratuito con compressione in blocco. La versione Pro offre limiti più ampi e opzioni avanzate.
• EWWW Image Optimizer: può comprimere localmente sul server (non invia le immagini a un servizio esterno).

Dimensioni delle immagini

Carica sempre le immagini alle dimensioni in cui verranno mostrate. Non serve caricare un'immagine 4000x3000 se verrà visualizzata a 800x600. WordPress crea automaticamente più dimensioni (thumbnail, medium, large, full), ma l'originale occupa comunque spazio sul server.

3. Pulizia del database

Il database di WordPress accumula nel tempo dati superflui che rallentano le query. Una pulizia regolare può velocizzare notevolmente il sito.

Cosa pulire

• Revisioni degli articoli: WordPress salva ogni revisione di ogni articolo. Un sito con 100 articoli può avere oltre 1.000 revisioni. Limitale a 3-5 aggiungendo la costante WP_POST_REVISIONS in wp-config.php.
• Commenti spam e nel cestino: i commenti nel cestino e nello spam occupano comunque spazio nel database.
• Transient: dati temporanei che i plugin memorizzano nel database. I transient scaduti non vengono eliminati automaticamente.
• Bozze automatiche: WordPress salva automaticamente le bozze mentre scrivi. Le vecchie bozze automatiche si accumulano.
• Metadati inutilizzati: i plugin rimossi spesso lasciano metadati nel database.

Plugin per la pulizia del database

• WP-Optimize: pulisce il database, comprime le tabelle e può pianificare una pulizia automatica. Gratuito e affidabile.
• Advanced Database Cleaner: uno strumento più dettagliato che identifica anche le tabelle lasciate dai plugin rimossi.
• WP-Sweep: un plugin semplice per pulire revisioni, bozze, commenti spam e altri dati superflui.

4. CDN (Content Delivery Network)

Una CDN distribuisce i file statici del tuo sito (immagini, CSS, JS, font) su server in tutto il mondo. I visitatori caricano i file dal server più vicino, riducendo la latenza e velocizzando il caricamento.

Servizi CDN popolari

• Cloudflare: un piano gratuito con CDN, protezione DDoS e SSL. Il più semplice da configurare: basta cambiare i nameserver.
• BunnyCDN: prezzo conveniente (0,01 €/GB), ottime prestazioni e facile integrazione con WordPress.
• KeyCDN: pay-as-you-go, senza canone mensile. Buono per i siti con traffico variabile.
• Cloudflare APO: specializzato per WordPress: memorizza in cache l'intera pagina sull'edge, non solo i file statici. 5 €/mese.

Integrare una CDN con WordPress

La maggior parte dei plugin di caching ha l'integrazione CDN incorporata. In LiteSpeed Cache, vai alla sezione CDN, abilita la CDN e inserisci l'URL della CDN. Il plugin sostituirà automaticamente gli URL dei file statici con le versioni servite dalla CDN.

5. Lazy loading

Il lazy loading rinvia il caricamento di immagini e iframe non visibili sullo schermo. Invece di caricare tutte le immagini in una volta, il browser le carica solo quando l'utente vi scorre fino a esse. Questo velocizza notevolmente il caricamento iniziale della pagina.

Lazy loading nativo

Dalla versione 5.5 di WordPress, il lazy loading nativo è integrato. WordPress aggiunge automaticamente loading="lazy" a immagini e iframe. È supportato da tutti i browser moderni e non richiede plugin.

Lazy loading avanzato

Per un controllo maggiore, usa un plugin come a3 Lazy Load o WP Rocket, che offrono: lazy loading per le immagini di sfondo (CSS background-image), lazy loading per i video embed (YouTube, Vimeo), immagini segnaposto o effetto blur mentre l'immagine si carica e la possibilità di disabilitare il lazy loading per immagini specifiche (ad esempio un'immagine hero che dovrebbe caricarsi subito).

6. Ottimizzazioni aggiuntive

Ridurre il numero di plugin

Ogni plugin aggiunge codice PHP, CSS e JavaScript caricati su ogni pagina. Rivedi i plugin installati e rimuovi quelli che non usi attivamente. Per funzionalità necessarie su una sola pagina, valuta il caricamento condizionale tramite Asset CleanUp o Perfmatters.

Usa l'ultima versione di PHP

PHP 8.4 è significativamente più veloce delle versioni precedenti. I benchmark mostrano che PHP 8.4 è fino a 3 volte più veloce di PHP 7.0 per WordPress. In cPanel puoi cambiare la versione PHP nella sezione "MultiPHP Manager" o "Select PHP Version".

Ottimizzare i font

• Ospita i font localmente: invece di caricarli dai server di Google Fonts, ospita i font sul tuo server. Il plugin OMGF automatizza questa operazione.
• Usa font-display: swap: mostra subito il testo con un font di fallback mentre il font personalizzato si carica.
• Limita le varianti dei font: carica solo i pesi che usi davvero (ad esempio 400 e 700, non tutti e 9).
• Usa WOFF2: il formato di web font più efficiente, supportato da tutti i browser moderni.

Precaricare le risorse critiche

Usa link rel="preload" per le risorse fondamentali al rendering iniziale della pagina: immagine hero, font principale, CSS critico. Questo dice al browser di iniziare a scaricare queste risorse il prima possibile, invece di aspettare che il parser le scopra nell'HTML.

Misurare i risultati

Usa questi strumenti per misurare la velocità prima e dopo l'ottimizzazione:

• Google PageSpeed Insights: fornisce i punteggi dei Core Web Vitals e raccomandazioni concrete per il miglioramento.
• GTmetrix: analisi dettagliata con una vista waterfall di tutte le richieste, dimensioni e tempi di caricamento.
• WebPageTest: uno strumento avanzato che consente di testare da località e dispositivi diversi.
• Chrome DevTools (Lighthouse): integrato in Chrome: clic destro, Ispeziona, scheda Lighthouse.

Conclusione

Ottimizzare un sito WordPress per la velocità è un processo, non un'azione una tantum. Inizia con il caching e l'ottimizzazione delle immagini, perché offrono il massimo impatto con il minimo sforzo. Poi aggiungi una CDN, pulisci il database e implementa il lazy loading. Misura regolarmente la velocità e monitora i Core Web Vitals in Google Search Console. Un sito veloce significa visitatori soddisfatti, un miglior posizionamento SEO e più conversioni: investire nella velocità ripaga sempre. Verifica le prestazioni del tuo sito con il nostro test di velocità del sito.