Risoluzione dei problemi

Sito lento nonostante la cache

Il tuo sito è nella cache ma sembra ancora lento? Ecco cosa controllare.

1. Verifica che la cache funzioni

Prima di tutto, conferma che i tuoi contenuti siano effettivamente memorizzati nella cache. Controlla gli header di risposta:

X-Cache: HIT ← Contenuto servito dalla cache
X-Cache: MISS ← Contenuto recuperato dall'origine

Se vedi tutti MISS, controlla se il tuo server di origine sta inviando header Cache-Control: no-cache o private.

Come verificare se la cache funziona →

2. Controlla le risorse non memorizzate nella cache

Anche se il tuo HTML è nella cache, risorse di terze parti lente possono rallentare le prestazioni.

Cause comuni:

  • Google Fonts caricati in modo sincrono
  • Script di analisi (Google Analytics, Facebook Pixel)
  • Widget di chat (Intercom, Drift, Crisp)
  • Script pubblicitari esterni
  • Embed dei social media

Suggerimento: Carica gli script di terze parti con gli attributi async o defer per impedire che blocchino il rendering della pagina.

3. Immagini grandi nella pagina

Anche con la conversione WebP, immagini sovradimensionate rallentano l'LCP.

Soluzioni:

  • Ridimensiona le immagini alla dimensione di visualizzazione effettiva (non servire immagini da 4000px per contenitori da 800px)
  • Usa immagini responsive con srcset
  • Carica in lazy loading le immagini sotto la piega
  • Considera l'utilizzo di un'immagine hero ottimizzata per il viewport

4. Server di origine lento

Per i cache MISS (prime richieste, pagine dinamiche), la velocità del tuo server di origine è ancora importante.

Controlla il tuo server di origine:

  • Query al database lente (controlla i log delle query lente)
  • Indici del database mancanti
  • Troppi plugin (WordPress/WooCommerce)
  • Risorse del server insufficienti
  • Nessun caching opcode (PHP)

Obiettivo: Il TTFB dell'origine dovrebbe essere inferiore a 500ms. La cache di Fast amplifica la velocità del tuo server di origine — un'origine veloce significa risposte dalla cache ancora più rapide.

5. Risorse che bloccano il rendering

CSS e JS nel <head> bloccano il rendering della pagina.

Soluzioni:

  • Integra il CSS critico inline nel <head>
  • Carica il CSS non critico con media="print" onload="this.media='all'"
  • Aggiungi defer ai file JavaScript
  • Sposta gli script in fondo al <body>

Checklist delle prestazioni

  • X-Cache mostra HIT per le risorse statiche
  • Gli script di terze parti sono async/deferred
  • Le immagini sono dimensionate correttamente
  • Il TTFB dell'origine è inferiore a 500ms
  • Nessuna risorsa che blocca il rendering nell'head
Torna al Supporto