Core Web Vitals: perché cambiano nel tempo

Vladimir certo, è Google stessa che fornisce le indicazioni da seguire, dato che ha tutto l'interesse nel migliorare la qualità dei risultati di ricerca, per i propri stessi utenti.

Core Web Vitals a fine 2023: il punto per il 2024

Da SearchEngineJournal vediamo i risultati di uno studio, come sono cambiati i siti web nel corso del 2023, per seguire i Core Web Vitals (fattori di ranking per Google, dato che velocità di caricamento, stabilità visuale ecc, sono positive per l'esperienza utente). Nel corso dell'ultimo anno (quindi da fine 2022 a fine 2023) è risultato un +8,13% dei siti web che hanno superato i Core Web Vitals, dato mobile e +8,25% per l'ambito desktop. In particolare i dati si concentrano su siti web creati con WordPress, il CMS enormemente più diffuso.

Facciamo queste considerazioni:

• a livello generale, se molti siti web migliorano lato User Experience (in particolare LCP, la velocità di caricamento) è una cosa positiva per l'uso generale e la "qualità" di internet, troppi siti web erano/sono scarsamente ottimizzati quando basterebbero piccoli accorgimenti (vedi ad esempio ottimizzazione delle immagini)
• i Core Web Vitals, superati o non superati, sono in termini percentuali (miglior 25%, peggior 25%, ecc). Quindi attenzione, se tutti migliorano, in proporzione anche noi dobbiamo cercare di migliorare; ricordiamo che la SEO è "un gioco a somma zero" (se tu migliori rispetto a me, significa che io peggioro rispetto a te! Quindi uno vince e l'altro perde)
• come già detto nella discussione Page Speed Insights: nuove metriche per la UX, a marzo 2024 il parametro FID (First Input Delay) dei Core Web Vitals verrà sostituito da INP (Interaction to Next Paint), per valutare la reattività della pagina alle interazioni dell'utente piuttosto che valutare solo la prima interazione

Ottimizzazione LCP: i consigli nel 2025

Come abbiamo visto l'elemento LCP, il Largest Contentful Paint indica la velocità di caricamento del contenuto principale della pagina e diciamo che assume maggior peso in termini di "velocità di navigazione". I Core Web Vitals vengono misurati con una stima tramite Google Page Speed Insights (LCP, CLS, FID INP, quest'ultimo da marzo 2024) e dati reali degli utenti dal proprio pannello in Search Console. Vediamo i nuovi consigli di ottimizzazione relativamente a LCP, da searchengineland.com:

• speculation rules: il concetto è quello di precaricare in una pagina, altre pagine; ad esempio dalla Home posso precaricare la pagina "contatti" oppure "offerte", se penso che molto probabilmente verranno visitate quelle pagine; da valutare con attenzione se e quando convenga precaricarla o meno (concetto simile a preload, anche se quest'ultimo riguarda risorse da caricare nella stessa pagina, senza preload la pagina inizia a caricarsi e poi un elemento alla volta a seconda della dimensione, con il preload attendi all'inizio e si carica tutto assieme, pro e contro); il template di codice per speculation rules è il seguente:

  <script type="speculationrules">
   {
     "prerender": [
       {
         "urls": ["/", "/signup"]
       }
     ]
   }
  </script>

• ottimizzare LCP con i dati reali degli utenti: infatti Page Speed Insights così come altri strumenti, vanno bene per studiare i competitor o per avere un'idea generale; ovviamente la scelta migliore per il nostro dominio è quella di vedere i dati reali dei nostri utenti (e non una semplice stima con dati medi, di laboratorio!), tramite Search Console; il dato di LCP può variare molto fra desktop e mobile, connessione, dimensione dello schermo, ecc
• identificare componenti di LCP: il risultato totale di LCP è dato dalla somma delle componenti: Time to First Byte: (risposta del server), Resource Load Delay (identificazione elemento chiave per l'LCP, es. immagine principale), Resource Load Time (tempo per scaricare l'elemento chiave), Render Delay (tempo per il rendering dopo che il download dell'elemento è completato); quindi studiare le varie componenti ci permette di capire quale sia la criticità su cui conviene intervenire
• preload dell'elemento (es. immagine) critico per LCP: come accennato nel primo punto, differenza fra speculation rules e preload, dobbiamo valutare se valga la pena o meno; ad esempio possiamo precaricare un'immagine e quindi ad esempio script esterni JavaScript (per l'interazione dinamica con la pagina) avranno caricamento traslato nel tempo (analogamente, anche il Lazy Loading per differire il caricamento di elementi non critici, non "above-the-fold"); appunto valutiamo se convenga o meno e possiamo anche usare l'attributo fetchpriority: <img src="immagine.jpg" fetchpriority="high">; di fondamentale importanza ovviamente l'ottimizzazione delle immagini per la SEO
• continuare a monitorare i risultati: ovviamente, trattandosi di dati reali degli utenti, anche se non facciamo modifiche è opportuno continuare a monitorare (problemi, criticità o anche idee di ottimizzazione ci possono venire in mente in futuro); inoltre i Core Web Vitals con "green", "yellow", "red" per indicare il risultato buono, migliorabile o scadente, si basano non su dati assoluti ma in relazione al totale degli utenti, quindi percentile migliore, percentile peggiore, ecc. Se nel tempo gli altri siti web evolvono, si adattano, così come i dispositivi e connessione degli utenti, anche le nostre percentuali in relazione al totale possono cambiare