Chi Siamo Area Clienti Promo del Mese Dicono di Noi Portfolio FAQ Blog
Contattaci
WordPress

WP Rocket: Come Portare PageSpeed da 50 a 95 — Case Study e Guida

Gianluca Gentile
Gianluca Gentile
· 8 min di lettura

WP Rocket: Come Portare PageSpeed da 50 a 95 — Case Study e Guida

Molti proprietari di siti WordPress si trovano di fronte a punteggi PageSpeed deludenti, spesso compresi tra 30 e 60 su mobile. Un punteggio basso non significa solo un sito lento: influisce negativamente sulla esperienza utente, sul tasso di conversione e sul posizionamento nei motori di ricerca. In questa guida pratica ti mostriamo, passo dopo passo, come abbiamo portato un sito WordPress da un punteggio PageSpeed di 50 a 95, utilizzando WP Rocket come strumento principale di ottimizzazione. Ogni passaggio e documentato con le impostazioni esatte e i risultati ottenuti, in modo che tu possa replicare lo stesso processo sul tuo sito.

Il Punto di Partenza: Analisi della Situazione Iniziale

Prima di iniziare qualsiasi ottimizzazione, e fondamentale analizzare la situazione attuale del sito per identificare i problemi principali e stabilire una baseline di riferimento. Ecco i valori tipici di un sito WordPress non ottimizzato:

I problemi principali identificati da PageSpeed Insights sono tipicamente: risorse che bloccano il rendering, CSS non utilizzato, JavaScript non utilizzato, immagini non ottimizzate, assenza di lazy loading, assenza di compressione del testo, cache del browser non configurata, assenza di next-gen image format.

Dashboard di WP Rocket pronta per la configurazione iniziale della ottimizzazione delle prestazioni del sito WordPress

Passo 1: Installazione e Cache delle Pagine

Il primo passo e installare WP Rocket e attivare la cache delle pagine. Come spiegato nella nostra guida alla installazione, WP Rocket attiva automaticamente la cache delle pagine, il precaricamento e la compressione GZIP alla attivazione.

Impostazioni configurate:

Risultato dopo questo passo:

La cache delle pagine da sola ha un impatto significativo sul TTFB e sul FCP perche elimina la generazione dinamica della pagina. Tuttavia, i problemi relativi a CSS e JavaScript non vengono risolti dalla sola cache.

Passo 2: Ottimizzazione CSS — Remove Unused CSS

Il secondo passo, e quello con il maggiore impatto, e la attivazione della funzionalita Remove Unused CSS. Questa funzionalita analizza ogni pagina e rimuove tutto il codice CSS che non viene effettivamente utilizzato.

Impostazioni configurate:

Risultato dopo questo passo:

Impostazioni di ottimizzazione file di WP Rocket con Remove Unused CSS attivo e Delay JavaScript configurato

Passo 3: Defer e Delay JavaScript

Il terzo passo affronta il problema del JavaScript che blocca il rendering e contribuisce al Total Blocking Time.

Impostazioni configurate:

Nella lista di script ritardati abbiamo aggiunto: Google Analytics, Google Tag Manager, Facebook Pixel, script di chat, widget di social sharing e qualsiasi script non necessario al rendering iniziale.

Risultato dopo questo passo:

Passo 4: Lazy Load di Immagini e Video

Il quarto passo attiva il lazy loading per tutti i contenuti multimediali, riducendo il peso iniziale della pagina.

Impostazioni configurate:

Risultato dopo questo passo:

Passo 5: Precaricamento Cache e Prefetch DNS

Il quinto passo ottimizza il precaricamento per garantire che tutte le pagine siano sempre pronte nella cache.

Impostazioni configurate:

Risultato dopo questo passo:

Passo 6: Pulizia del Database

Il sesto passo ottimizza il database per velocizzare la generazione delle pagine non cache.

Operazioni eseguite:

Risultato dopo questo passo:

Passo 7: Configurazione CDN

Il settimo e ultimo passo configura un CDN per servire i file statici da server distribuiti globalmente.

Configurazione:

Risultato finale:

Riepilogo dei Risultati: Prima e Dopo

Ecco il confronto completo tra la situazione iniziale e il risultato finale della ottimizzazione:

I Core Web Vitals e il Loro Significato

Google utilizza tre metriche principali, chiamate Core Web Vitals, per valutare la esperienza utente del tuo sito:

Largest Contentful Paint (LCP)

Misura il tempo necessario per visualizzare il contenuto principale piu grande nella area visibile. Per ottenere un punteggio “Buono”, il LCP deve essere inferiore a 2.5 secondi. Con la nostra ottimizzazione siamo arrivati a 1.6 secondi, ben dentro la soglia ottimale.

Interaction to Next Paint (INP)

Misura la reattivita della pagina alle interazioni del utente. Per un punteggio “Buono”, la INP deve essere inferiore a 200 millisecondi. Il defer e il delay del JavaScript contribuiscono significativamente a migliorare questa metrica.

Cumulative Layout Shift (CLS)

Misura la stabilita visiva della pagina durante il caricamento. Per un punteggio “Buono”, il CLS deve essere inferiore a 0.1. La aggiunta delle dimensioni alle immagini e il precaricamento dei font sono stati determinanti per raggiungere un CLS di 0.04.

Errori Comuni che Impediscono di Raggiungere un Punteggio Alto

Ecco gli errori piu frequenti che impediscono di ottenere un buon punteggio PageSpeed anche con WP Rocket installato:

  1. Non attivare Remove Unused CSS: questa e la singola opzione con il maggiore impatto. Molti utenti la ignorano per paura di rompere il layout
  2. Non ritardare il JavaScript di terze parti: Google Analytics, Tag Manager e i pixel di tracciamento sono tra i principali responsabili del TBT elevato
  3. Immagini non ottimizzate: WP Rocket non comprime le immagini. Utilizza Imagify o ShortPixel per comprimere e convertire le immagini in formato WebP
  4. Troppi plugin installati: ogni plugin aggiunge CSS e JavaScript al frontend. Riduci i plugin al minimo necessario
  5. Tema pesante: alcuni temi WordPress caricano centinaia di KB di CSS e JavaScript non necessari. Valuta un tema leggero come GeneratePress, Kadence o Astra
  6. Font esterni non precaricati: i font da Google Fonts possono causare ritardi significativi se non precaricati
  7. Hosting inadeguato: un hosting lento non puo essere compensato da nessun plugin di caching. Il TTFB del server e il punto di partenza
  8. Non escludere le immagini above the fold dal lazy load: il lazy loading della immagine LCP peggiora il punteggio anziche migliorarlo

Come Interpretare il Punteggio PageSpeed

Il punteggio PageSpeed e calcolato su una scala da 0 a 100, con i seguenti livelli:

Tieni presente che il punteggio mobile e quasi sempre inferiore a quello desktop perche Google simula una connessione 4G lenta e un dispositivo di fascia media. Un punteggio di 90+ su mobile e un risultato eccellente.

Prossimi Passi

Una volta raggiunto un buon punteggio PageSpeed, monitora le prestazioni nel tempo utilizzando Google Search Console (sezione Core Web Vitals) e ripeti il test periodicamente, soprattutto dopo aggiornamenti del tema o dei plugin. Le prestazioni possono degradare nel tempo se non vengono monitorate.

Se vuoi portare il tuo sito WordPress da punteggi PageSpeed mediocri a 90+, contattaci per una ottimizzazione professionale. Il nostro team ha ottimizzato centinaia di siti WordPress raggiungendo punteggi superiori a 90 su mobile nella grande maggioranza dei casi. Scopri anche il nostro hosting WordPress con server ottimizzati per le massime prestazioni.

Guide Correlate della Serie WP Rocket

#case study performance #Core Web Vitals #ottimizzazione velocita #pagespeed