Pagine a caricamento lento

Silktide carica le tue pagine in un browser reale e misura quanto tempo impiega il contenuto principale a comparire sullo schermo. A questo scopo utilizza una metrica standard del settore chiamata Largest Contentful Paint, che misura il momento in cui l'immagine o il blocco di testo più grande diventa visibile.

Largest Contentful Paint (LCP) è uno dei Core Web Vitals di Google. Rispecchia meglio di metriche precedenti, come l'attesa del completamento del download di ogni file, ciò che le persone percepiscono naturalmente come «la pagina è stata caricata».

Perché è importante

I visitatori giudicano il tuo sito web nei primi secondi. Le pagine in cui il contenuto principale compare lentamente perdono visitatori prima ancora che possano leggere qualcosa: numerosi studi collegano ogni secondo aggiuntivo di caricamento a un aumento misurabile degli abbandoni, soprattutto sui dispositivi mobili. Poiché LCP è un Core Web Vital, le pagine lente possono anche ottenere un posizionamento inferiore nei risultati di ricerca; una pagina lenta perde quindi sia i visitatori che raggiunge sia quelli che non arriveranno mai.

Come risolvere il problema

Silktide ti mostra quale elemento della pagina è il più grande: è quell'elemento che devi fare apparire prima.

1. Se si tratta di un'immagine, rendila più piccola e veloce: comprimila, usa un formato moderno e pubblicala nelle dimensioni visualizzate; consulta Ottimizzazione delle immagini. Non applicare mai il caricamento differito all'immagine principale.
2. Rimuovi o rimanda tutto ciò che ritarda il rendering, come fogli di stile e script che bloccano la pagina; consulta Risorse che bloccano il rendering.
3. Aumenta la velocità della prima risposta del server, poiché tutto il resto attende l'HTML: sia il caching sia una CDN possono aiutare.

Come Silktide esegue i controlli

1. Carica la pagina in un browser reale e misura il tempo di Largest Contentful Paint in millisecondi.
2. Identifica quale elemento era il più grande in quel momento e te lo mostra.
3. Valuta il risultato utilizzando le soglie standard di LCP: fino a 2,5 secondi è un buon risultato, mentre oltre 4 secondi è considerato scarso.

Risoluzione dei problemi

La pagina sembra più veloce di quanto indichi la misurazione

LCP misura una prima visita con la cache vuota, che corrisponde all'esperienza di un nuovo visitatore. Le tue visite successive riutilizzano i file memorizzati nella cache e sembrano molto più veloci.

L'elemento più grande non è quello importante

LCP misura il tempo impiegato dall'elemento più grande, in genere un'immagine hero o un titolo. Se il tuo LCP è un elemento incidentale, come un'immagine di sfondo, velocizzarlo accelera comunque ciò che percepiscono i visitatori, perché tutto ciò che viene visualizzato intorno beneficia delle stesse correzioni.

Per saperne di più

• Velocità delle pagine e Core Web Vitals - framework di definizione delle priorità per LCP e gli altri segnali
• Largest Contentful Paint (web.dev)
• Ottimizzare LCP (web.dev)
• Risorse che bloccano il rendering