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

Portare PageSpeed a 100 con LiteSpeed Cache: Guida Pratica

· 9 min di lettura

Portare PageSpeed a 100 con LiteSpeed Cache: Guida Pratica

Raggiungere un punteggio di 100 su Google PageSpeed Insights è l’obiettivo di molti webmaster e sviluppatori. Non è solo una questione di vanità: un punteggio elevato significa che il tuo sito rispetta i Core Web Vitals di Google, il che si traduce in una migliore esperienza utente e, potenzialmente, in un posizionamento migliore nei risultati di ricerca. Con LiteSpeed Cache configurato correttamente, raggiungere un punteggio di 95-100 su PageSpeed è un obiettivo realistico per la maggior parte dei siti WordPress.

In questa guida pratica, partiremo da un sito WordPress non ottimizzato e lo porteremo al massimo punteggio, affrontando sistematicamente ogni segnalazione di PageSpeed Insights.

Comprendere il Punteggio PageSpeed

Google PageSpeed Insights valuta le prestazioni del tuo sito su una scala da 0 a 100, basandosi su sei metriche chiave:

Ogni metrica ha un peso diverso nel punteggio finale. Nel 2026, LCP e TBT hanno il peso maggiore, quindi è fondamentale concentrarsi su queste due metriche per massimizzare il punteggio.

Dashboard LiteSpeed Cache per ottimizzazione PageSpeed

Step 1: Attivare la Cache di LiteSpeed

Il primo passo è il più impattante. Attivare la cache di LiteSpeed riduce il TTFB (Time To First Byte) da 200-500ms a 5-15ms su server LiteSpeed. Questo miglioramento si riflette direttamente su FCP e LCP.

Configurazione consigliata:

Dopo aver attivato la cache, esegui un primo test su PageSpeed Insights per stabilire la baseline. Noterai un miglioramento immediato di 10-20 punti.

Step 2: Risolvere “Eliminate Render-Blocking Resources”

Questa è una delle segnalazioni più comuni e impattanti. Le risorse che bloccano il rendering (CSS e JS caricati in modo sincrono nel <head>) impediscono al browser di mostrare qualsiasi contenuto finché non sono completamente scaricate e processate.

In LiteSpeed Cache, risolvi questo problema con tre azioni:

1. Attiva il caricamento asincrono dei CSS:

2. Attiva il defer dei JavaScript:

3. Genera il Critical CSS:

Queste tre azioni risolvono la segnalazione nella maggior parte dei casi. Dopo l’implementazione, il miglioramento è tipicamente di 15-25 punti.

Step 3: Risolvere “Reduce Unused CSS”

WordPress carica spesso CSS di plugin che non vengono utilizzati sulla pagina corrente. Ad esempio, il CSS di Contact Form 7 viene caricato su tutte le pagine, anche quelle senza moduli.

LiteSpeed Cache offre la funzionalità UCSS (Unique CSS) per risolvere questo problema:

Il UCSS rimuove tutte le regole CSS non utilizzate sulla pagina corrente, riducendo drasticamente la dimensione dei fogli di stile. Attenzione: testa accuratamente dopo l’attivazione, perché il UCSS potrebbe rimuovere CSS necessario per elementi caricati dinamicamente.

Ottimizzazione PageSpeed con LiteSpeed Cache

Step 4: Risolvere “Reduce Unused JavaScript”

Come per il CSS, molti script JavaScript vengono caricati inutilmente su pagine dove non servono. La soluzione più efficace è il JS Delay:

Configura la lista degli script da ritardare. I candidati principali sono:

google-analytics
googletagmanager
gtag
fbevents
facebook
tawk
hotjar
intercom
recaptcha

Questi script di terze parti sono i principali responsabili del TBT (Total Blocking Time) elevato. Ritardarli fino alla prima interazione utente può migliorare il punteggio di 10-20 punti.

Step 5: Ottimizzare le Immagini

Le immagini non ottimizzate sono spesso responsabili delle segnalazioni “Properly size images”, “Serve images in next-gen formats” e “Efficiently encode images”.

Configurazione consigliata in LiteSpeed Cache:

Avvia l’ottimizzazione in massa e attendi il completamento. Per l’immagine LCP (la più grande above the fold), assicurati anche di:

Step 6: Risolvere “Avoid Enormous Network Payloads”

Questa segnalazione indica che la pagina scarica troppi dati. Le soluzioni principali sono:

Minificazione: riduci la dimensione di CSS e JS rimuovendo spazi e commenti.

Combinazione: riduci il numero di richieste HTTP combinando i file.

Compressione GZIP/Brotli: il server LiteSpeed abilita automaticamente la compressione Brotli, che è più efficiente di GZIP. Verifica che sia attiva controllando le intestazioni HTTP per Content-Encoding: br.

Step 7: Risolvere “Reduce Initial Server Response Time”

Il TTFB dovrebbe essere inferiore a 200ms. Con la cache LiteSpeed attiva, questo obiettivo è facilmente raggiungibile. Se il TTFB è ancora alto:

Step 8: Risolvere i Problemi CLS

Il CLS (Cumulative Layout Shift) è causato da elementi che cambiano posizione dopo il caricamento iniziale. Le cause più comuni sono:

Immagini senza dimensioni: attiva “Add Missing Sizes” in Page Optimization > Media Settings.

Font web che causano FOUT/FOIT: usa il preload per i font:

Annunci e embed che si caricano in ritardo: riserva lo spazio con dimensioni esplicite nel CSS.

CSS caricato in ritardo che causa FOUC: verifica che il Critical CSS sia completo e copra tutti gli elementi above the fold.

Risultato PageSpeed 100 con LiteSpeed Cache

Step 9: Lazy Loading Intelligente

Configura il Lazy Loading per tutte le immagini tranne quelle above the fold:

Escludi l’immagine LCP dal Lazy Loading aggiungendo la sua classe CSS o URL parziale nelle esclusioni.

Step 10: Prefetch e Preconnect

Configura il DNS Prefetch per tutti i domini esterni utilizzati dal tuo sito:

//fonts.googleapis.com
//fonts.gstatic.com
//www.googletagmanager.com
//www.google-analytics.com
//cdnjs.cloudflare.com

Aggiungi preconnect per i domini più critici (come il CDN dei font) e preload per le risorse critiche (font .woff2, immagine hero).

Checklist Completa per PageSpeed 100

Ecco la checklist riassuntiva di tutte le azioni necessarie:

  1. Attivare cache LiteSpeed con TTL appropriati
  2. Attivare cache browser (TTL 30 giorni)
  3. Minificare HTML, CSS e JS
  4. Combinare CSS e JS (se non causa problemi)
  5. Attivare CSS asincrono + Critical CSS
  6. Attivare JS Defer
  7. Configurare JS Delay per script di terze parti
  8. Attivare UCSS (Unique CSS)
  9. Ottimizzare tutte le immagini con compressione lossy
  10. Attivare WebP replacement
  11. Configurare Lazy Loading con esclusioni per immagini above the fold
  12. Attivare LQIP per placeholder di qualità
  13. Aggiungere dimensioni mancanti alle immagini
  14. Configurare DNS Prefetch e Preconnect
  15. Preload font e immagine hero
  16. Attivare Object Cache con Redis
  17. Pulire il database (revisioni, transient, spam)
  18. Attivare compressione Brotli (automatica su LiteSpeed)

Quando 100 Non È Realistico

È importante essere realistici: raggiungere esattamente 100 non è sempre possibile o necessario. Alcuni fattori possono impedirlo:

Script di terze parti pesanti: Google Analytics, Google Tag Manager, Facebook Pixel e altri script di terze parti hanno un impatto significativo. Anche con il JS Delay, possono ridurre il punteggio.

Page builder pesanti: Elementor, Divi e WPBakery generano un volume significativo di CSS e JS. Un punteggio di 85-95 potrebbe essere il massimo realistico.

Contenuti embedded: video YouTube, mappe Google e widget social aggiungono peso alla pagina.

Un punteggio di 90+ è eccellente e sufficiente per soddisfare i requisiti di Google per i Core Web Vitals. Non sacrificare la funzionalità del sito per guadagnare gli ultimi 5-10 punti.

Test Mobile vs Desktop

PageSpeed Insights valuta separatamente mobile e desktop. Il punteggio mobile è quasi sempre più basso perché il test simula un dispositivo mid-range con connessione 4G throttled. Non è insolito avere 98 su desktop e 75 su mobile.

Concentrati prima sul punteggio mobile, poiché è quello che Google utilizza per il ranking (mobile-first indexing). Le ottimizzazioni che migliorano il mobile migliorano anche il desktop.

Conclusione

Raggiungere un punteggio PageSpeed elevato con LiteSpeed Cache è un processo sistematico che richiede la configurazione coordinata di cache, ottimizzazione CSS/JS, immagini e prefetch. Seguendo la checklist di questa guida, puoi portare la maggior parte dei siti WordPress a un punteggio di 90-100. Ricorda che l’obiettivo finale non è il numero in sé, ma l’esperienza reale dei tuoi visitatori.

Serie Completa: LiteSpeed Cache per WordPress

Vuoi portare il tuo sito a PageSpeed 100 senza stress? G Tech Group offre un servizio di ottimizzazione PageSpeed professionale. Il nostro hosting WordPress con LiteSpeed è già ottimizzato per le massime prestazioni. Contattaci per un audit gratuito del tuo sito.

Migliora il Tuo Sito WordPress

Scopri le nostre guide complete sugli altri plugin essenziali per WordPress:

#100 #Core Web Vitals #LiteSpeed Cache #pagespeed #performance