Impara le prestazioni web
Tutto quello che devi sapere per rendere i siti web veloci
Perche le prestazioni contano
degli utenti mobile abbandona se una pagina impiega piu di 3 secondi a caricarsi
aumento delle conversioni per ogni secondo di miglioramento
Ogni 100ms di ritardo riduce i tassi di conversione
Core Web Vitals spiegati
Largest Contentful Paint (LCP)
Prestazioni di caricamento
LCP misura quanto tempo ci vuole perche il contenuto principale si carichi. Un buon LCP significa che gli utenti vedono il tuo contenuto rapidamente e non si sentono in attesa.
Come migliorare:
- Ottimizza e comprimi le immagini
- Usa una CDN come fast.site per una consegna piu veloce
- Precarica le risorse importanti
Interaction to Next Paint (INP)
Interattivita
INP misura quanto e reattiva la tua pagina quando gli utenti interagiscono con essa. Un buon INP significa che pulsanti e link rispondono immediatamente.
Come migliorare:
- Suddividi i task JavaScript lunghi
- Minimizza il lavoro del thread principale
- Usa i web worker per elaborazioni pesanti
Cumulative Layout Shift (CLS)
Stabilita visiva
CLS misura quanto si sposta il layout della pagina durante il caricamento. Un buon CLS significa che gli elementi non saltano in giro inaspettatamente.
Come migliorare:
- Includi sempre gli attributi di dimensione sulle immagini
- Riserva spazio per annunci e embed
- Evita di inserire contenuti sopra contenuti esistenti
Risorse esterne
web.dev - Web Vitals
La guida ufficiale di Google ai Core Web Vitals e alle best practice per le prestazioni web.
Google Web Performance
Risorse complete di Google sulla velocita dei siti web e l'ottimizzazione.
Lighthouse Documentation
Scopri lo strumento di test che alimenta PageSpeed Insights.
Case Studies
Esempi reali di aziende che hanno migliorato le loro prestazioni web.
Metti alla prova le tue conoscenze
Ora che hai capito le basi, analizza il tuo sito e scopri come si posiziona.
Analizza il tuo sito