Analizza le prestazioni reali del tuo sito con i dati CrUX

Dominio
URL
Dati attuali
Storia (25 settimane)

Caricamento cronologia...

Segnali Web fondamentali Cosa sono i Core Web Vital?

Il Segnali Web fondamentali sono un insieme di tre metriche definite da Google per misurare l'esperienza dell'utente di una pagina web. Queste metriche sono un fattore di ranking ufficiale per la SEO dal 2021.

Per superare la valutazione Core Web Vitals, tutti e tre i parametri devono raggiungere la soglia "buono" al 75° percentile sui dati sul campo (dati utente reali raccolti da Chrome).

LCP Caricamento - ≤ 2,5 s INP Interattività: ≤ 200 ms CLS Stabilità - ≤ 0,1

Pittura con contenuto più grande (LCP)

Tempo di caricamento dell'elemento visibile più grande

Soglie: ≤ 2,5 s bene | > 4s cattivo

Cos'è l'LCP?

LCP misura il tempo necessario per visualizzare l'elemento di contenuto visibile più grande nel viewport. Ciò include in genere immagini hero, video o grandi blocchi di testo.

Come migliorare l'LCP

  • Ottimizza le immagini: Utilizza formati moderni (WebP, AVIF), comprimili e imposta dimensioni esplicite
  • Precarica risorse critiche: Utilizzare <link rel="preload"> per immagini e caratteri LCP
  • Migliora i tempi di risposta del server: Utilizza un CDN, ottimizza il backend, memorizza nella cache le risposte
  • Elimina il CSS bloccante: CSS critico in linea e rinviare il resto
  • Evita modifiche al layout: Imposta sempre larghezza e altezza sulle immagini

Interazione con Paint successivo (INP)

Reattività alle interazioni dell'utente

Soglie: ≤ 200 ms bene | > 500ms cattivo

Cos'è l'INP?

L'INP misura la latenza di tutte le interazioni dell'utente (clic, pressioni, immissioni da tastiera) durante l'intera durata della visita di una pagina. Un buon INP significa che la pagina risponde rapidamente alle azioni dell'utente.

Come migliorare l'INP

  • Riduci JavaScript: Suddividi le attività JavaScript lunghe (>50 ms) in attività più piccole
  • Rimanda JavaScript non critico: Utilizzare defer o async sugli script
  • Evita calcoli pesanti: Utilizza i Web Worker per operazioni costose
  • Ottimizza i gestori di eventi: Utilizza la delega degli eventi e il rimbalzo/acceleratore
  • Minimizza il DOM: DOM più piccolo = aggiornamenti di rendering più rapidi

Spostamento cumulativo del layout (CLS)

Stabilità visiva della pagina

Soglie: ≤ 0.1 bene | > 0.25 cattivo

Cos'è il CLS?

CLS misura la stabilità visiva quantificando i cambiamenti di layout imprevisti. Un CLS errato frustra gli utenti che potrebbero fare clic sull'elemento sbagliato a causa di uno spostamento improvviso.

Come migliorare la CLS

  • Riservare spazio per immagini/video: Imposta sempre gli attributi width e height
  • Evita annunci dinamici: Prenota uno spazio fisso per luoghi pubblicitari
  • Precarica i caratteri: Utilizzare font-display: optional o precaricare i caratteri critici
  • Evita di inserire contenuti sopra contenuti esistenti: Tranne in risposta all'interazione dell'utente
  • Utilizza le animazioni di trasformazione: Preferisco transform à top/left per l'intrattenimento
Fattori indiretti

Le seguenti metriche no non fa parte di Core Web Vitals e non influenzano direttamente la valutazione Pass/Fail. Tuttavia, possono essere il causa sottostante di un cattivo LCP o INP. L'ottimizzazione di queste metriche può migliorare indirettamente i tuoi Core Web Vitals.

Primo Contentful Paint (FCP)

Prima visione del contenuto

Indiretto
Soglie: ≤ 1,8 s bene | > 3 secondi cattivo

Cos'è il FCP?

La FCP misura il tempo che intercorre tra l'inizio della navigazione e il momento in cui il browser visualizza il primo elemento di contenuto (testo, immagine, tela). Un FCP non valido indica che il server o il renderer iniziale è troppo lento, causando ritarda anche l'LCP.

Impatto sui Core Web Vitals

L'FCP è un precursore dell'LCP: se il primo contenuto richiede tempo per essere visualizzato, anche l'elemento più grande richiederà necessariamente più tempo. Migliorare il FCP generalmente migliora l’LCP.

Come migliorare la FCP

  • Riduci il TTFB: Un server lento ritarda tutto il resto
  • Rimuovere le risorse bloccanti: CSS e JS nel file <head> rendering dei blocchi
  • CSS critico in linea: Il CSS necessario per la prima visualizzazione deve essere inline
  • Preconnessione a origini di terze parti: <link rel="preconnect"> per CDN, caratteri, ecc.
  • Riduci al minimo CSS/JS: Ridurre la dimensione dei file da scaricare

Tempo al primo byte (TTFB)

Tempo di risposta del server

Indiretto
Soglie: ≤ 800ms bene | > 1,8 secondi cattivo

Cos'è il TTFB?

TTFB misura il tempo che intercorre tra la richiesta HTTP e la ricezione del primo byte della risposta. Questo è il tempo impiegato dal tuo server per “rispondere”. Un TTFB elevato ritardare tutto il resto : FCP, LCP e persino interattività.

Impatto sui Core Web Vitals

Il TTFB è la base per tutti gli altri parametri. Se il tuo server risponde lentamente, tutti i parametri delle tue prestazioni ne risentiranno. Spesso è il prima cosa da ottimizzare.

Come migliorare il TTFB

  • Utilizza un CDN: Offri contenuti da server vicini agli utenti
  • Pagine della cache: Cache del server (Redis, Varnish) o cache dell'applicazione
  • Ottimizza le query del database: Indici, query N+1, impaginazione
  • Utilizza HTTP/2 o HTTP/3: Protocolli più veloci
  • Evita reindirizzamenti: Ogni reindirizzamento aggiunge un viaggio di andata e ritorno sulla rete
  • Ottimizza il backend: Codice server efficiente, buon hosting

Vai oltre con a verifica completa.

Scansione, Search Console, Analytics e Log in pochi clic.

Analisi gratuita Prova Cuik Pro