Test del Largest Contentful Paint (LCP)
Il test Largest Contentful Paint di SEOptimer mostra il valore LCP della tua pagina rispetto alle soglie di Google, utilizzando i dati sul campo di Google raccolti da visitatori reali.
Esegui un audit SEO su qualsiasi sito in pochi secondi
+ Strumenti SEO / GEO completi per ogni esigenza
Esegui oltre 100 controlli sul tuo sito web per SEO On-Page, usabilità, prestazioni, social e link. Ora con GEO incluso in ogni report. SEOptimer offre anche ricerca di parole chiave, monitoraggio del posizionamento, analisi dei backlink e un crawler completo del sito.
Informazioni sul Largest Contentful Paint
Che cos’è il Largest Contentful Paint?
Largest Contentful Paint misura quanto tempo impiega l’elemento visibile più grande a completare il rendering, solitamente un’immagine hero, il poster di un video o un blocco di testo del titolo. È il valore singolo che più si avvicina alla risposta alla domanda «quando è comparsa la pagina?».
Ignora deliberatamente tutto ciò che si trova sotto la piega e tutto ciò che è invisibile. Una pagina può continuare a caricare script e font molto tempo dopo il suo LCP e, per quanto riguarda questa misurazione, va bene così, perché il visitatore ha già qualcosa da leggere.
È questo che lo distingue dal tempo di caricamento totale. Il tempo di caricamento descrive il momento in cui il browser ha terminato il proprio lavoro; l’LCP descrive il momento in cui la pagina è diventata utile, ovvero il momento effettivamente percepito dal visitatore.
Cosa si considera un buon LCP?
Google considera buono un valore pari o inferiore a 2,5 secondi, da 2,5 a 4 secondi indica che sono necessari miglioramenti e qualsiasi valore superiore a 4 secondi è considerato scarso. La soglia si applica al 75° percentile dei caricamenti reali delle pagine, quindi deve essere rispettata da tre visitatori su quattro, non calcolata come media.
Quel percentile è più importante di quanto possa sembrare a prima vista. Una media può essere facilmente risollevata da visite rapide su connessioni veloci, mentre il 75° percentile tiene conto del quarto più lento del tuo pubblico, che di solito coincide con quello su dispositivi mobili.
Una pagina può quindi non superare il test LCP pur sembrando perfettamente veloce sulla macchina su cui è stata sviluppata. Questa differenza è la norma, più che un’eccezione.
Cosa causa di solito un LCP lento
L’elemento in sé è raramente il problema. Ciò che ne ritarda il caricamento è quasi sempre qualcosa che accade prima, e ci sono quattro colpevoli abituali:
- Una risposta lenta del server, che ritarda tutto ciò che segue prima che venga visualizzato anche un solo byte.
- CSS e JavaScript che bloccano il rendering nell’head, che il browser deve completare prima di eseguire il rendering.
- L’immagine hero troppo grande, non ottimizzata o caricata in modo differito quando non dovrebbe.
- L’immagine viene individuata in ritardo perché è impostata tramite CSS o inserita da uno script anziché essere presente nell’HTML.
Quell’ultimo punto è quello che trae in inganno più spesso. Un browser può iniziare a recuperare solo ciò che riesce a vedere nel markup, quindi un’immagine che l’HTML non menziona non può iniziare a caricarsi finché non viene recuperato e analizzato il foglio di stile o lo script che la menziona.
Come migliorarlo
- Inserisci l’immagine hero nell’HTML come tag img, così il browser la individua immediatamente.
- Non applicare mai il caricamento differito all’elemento LCP: il caricamento differito è destinato agli elementi sotto la piega.
- Servila in un formato moderno e alle dimensioni effettivamente visualizzate.
- Precaricala se è davvero l’elemento più importante della pagina.
- Sposta il CSS e il JavaScript non critici al di fuori del percorso di rendering.
- Riduci il tempo di risposta del server, poiché ogni millisecondo viene impiegato prima che inizi qualsiasi altra operazione.
Cosa controlla questo strumento
Il test LCP legge i dati sul campo di Google relativi alla pagina — misurazioni raccolte da visitatori reali che utilizzano Chrome — e mostra come si posiziona rispetto alle soglie indicate sopra.
Se non viene mostrato alcun risultato, significa che la pagina non riceve traffico sufficiente perché Google possa fornire dati, una situazione comune per le pagine nuove o poco visitate. Non è un errore: la risposta più sensata è correggere le cause evidenti invece di aspettare che venga visualizzato un punteggio.
Per le altre due metriche, o per tutte e tre insieme, usa i Test dei Core Web Vitals.
Cosa fare dopo
LCP è un sintomo; le cause sono il peso e i tempi di attesa. Controlla quanto tempo impiega il server a rispondere con il test della velocità di caricamento del sito web, quanto pesa la pagina con il controllo dimensione del file della pagina web e se il problema è nelle immagini stesse con il verificatore ottimizzazione delle immagini.
Strumento SEO completo con oltre 55 strumenti
Controlla titoli, meta description, intestazioni, dati strutturati, Core Web Vitals, SSL e robots.txt. Genera meta tag, sitemap e regole .htaccess, minimizza CSS, JS e HTML e crea contenuti con i nostri strumenti di scrittura basati sull’IA, istantaneamente e gratuitamente.
Approfondimenti
Vedi di più
Core Web Vitals: What are They? How are They Crucial to SEO?
You should optimize your web pages for a seamless user experience. But how can you measure the quality of user experience on a site? That’...
SEOptimer's Core Web Vitals Checks
What are Core Web Vitals?
Google launched the Core Web Vitals (CWV) initiative in 2020 - "essential metrics for a healthy site". T...
Page Speed: What It Is, and How It Impacts SEO
What is Page Speed?
The term page speed refers to the amount of time your media content or web page will take to download from the...
Webpage Size - Why is it important? And how do you optimize it?
What is Webpage Size?
The term webpage size in the SEO world refers to the downloaded file size of a given web page.
The...