Le raccomandazioni seguenti non solo aiuteranno con i Core Web Vitals, ma miglioreranno anche la salute SEO generale del sito.
I widget personalizzati non sono sempre lenti da caricare, ma se richiedono chiamate ad API esterne o tooldi terze parti, potrebbero esserlo. I widget pesanti sono widget che, per definizione, richiedono chiamate API esterne o codice di terze parti per caricarsi completamente. Ad esempio, il widget Mappa, il widget del feed di Twitter, il widget Video, qualsiasi widget di Facebook, ecc.
Nota
La "piega" di un sito web si riferisce alla parte della pagina web che è visibile senza scorrere. È il contenuto che vedi subito quando carichi la pagina per la prima volta. Tutto ciò che devi scorrere verso il basso per vedere è considerato "below the fold".
I widget personalizzati e pesanti possono avere tempi di caricamento diversi l'uno dall'altro e questo può ridurre l'LCP e l'esperienza complessiva di caricamento della pagina.
Suggerimento
Per i widget personalizzati, chiedi allo sviluppatore di migliorare il rendering e il recupero dei contenuti con tecniche come il caricamento asincrono, il recupero dei dati dal thread principale e altro ancora.
I font vengono scaricati automaticamente e incorporati all'interno dell'HTML della pagina (fino a un massimo di 50 KB di font), velocizzando la velocità di visualizzazione dei font da parte del browser. Questo aiuta a prevenire CLS e i flash dei caratteri comunemente osservati durante il caricamento delle pagine.
Suggerimento
Cerca anche di mantenere il numero di pesi al minimo.
Google tag Manager potrebbe scaricare librerie e codice aggiuntivi che non ti servono, il che può ridurre l'LCP. Se disponi solo di una o due tecnologie di tracciamento, potrebbe non valere la pena implementare Google tag Manager.
Suggerimento
Se sul tuo sito è presente Google tag Manager, consulta Google tag Manager per suggerimenti su come assicurarti che il codice di monitoraggio venga caricato correttamente e non rallenti il sito.
Le immagini e i video di sfondo sono in genere la risorsa più grande che i browser scaricano su un sito. Quando ci sono molte immagini, immagini di grandi dimensioni (quelle che occupano la maggior parte della larghezza della pagina) o video, ci può essere un ritardo in LCP e un aumento in CLS perché il browser deve scaricare gli elementi prima che possano essere renderizzati.
Se hai bisogno di più immagini above the fold, riduci le dimensioni dell'immagine a quelle di un'icona o di una miniatura.
Suggerimento
Sposta i video di sfondo e le presentazioni più in basso nella pagina. Se desideri utilizzare una presentazione, limitala a 3 immagini o meno.
I Core Web Vitals possono avere un grande impatto sul modo in cui i siti vengono classificati da Google e promettono di fare grandi cose per l'esperienza dell'utente.
Per video, replay di webinar e molto altro ancora, visita il nostro Centro risorse Core Web Vitals, incentrato interamente sulla preparazione dei tuoi siti per i Core Web Vitals.