Core Web Vitals: què vol dir «deficient» i per on començar
Les Core Web Vitals són les tres mètriques amb què Google mesura l'experiència real d'una pàgina: l'LCP (quant triga a veure's el contingut principal), l'INP (quant triga a respondre quan hi toques) i el CLS (quant es mou mentre carrega). Els sistemes de rànquing de Google les fan servir, però no passen per davant d'un contingut més rellevant.
Per a qui porta un web o una botiga i veu URL «deficients» a Search Console o números vermells a PageSpeed.
Al percentil 75, mòbil i ordinador per separat
Tres números, tres molèsties diferents
Des del 12 de març de 2024, l'INP substitueix el FID. Si un informe encara et parla del FID, està desfasat.
| Mètrica | Què nota el visitant | Bo | Cal millorar | Deficient |
|---|---|---|---|---|
| LCP | Quant triga a sortir l'element més gran de la pantalla: la foto principal o el titular. | fins a 2,5 s | fins a 4 s | més de 4 s |
| INP | Quant triga la pàgina a reaccionar a un clic, un toc o una tecla, durant tota la visita. | fins a 200 ms | fins a 500 ms | més de 500 ms |
| CLS | Quant es mouen els elements sense avisar: el botó que fuig quan hi vas a tocar. | fins a 0,1 | fins a 0,25 | més de 0,25 |
Com es llegeix: una pàgina passa si les tres són bones al percentil 75: tres de cada quatre visites hi arriben. Mòbil i ordinador es valoren per separat: una pàgina pot ser bona en ordinador i fluixa en mòbil.
Per què PageSpeed i Search Console no diuen el mateix
Les dades de camp surten de visites reals amb Chrome (l'informe CrUX) dels últims 28 dies. Les de laboratori, d'una càrrega simulada amb Lighthouse. PageSpeed Insights ensenya totes dues; l'informe de Search Console, només les de camp.
Search Console no mira URL soltes
Dona l'estat de grups de pàgines semblants. PageSpeed mira una adreça, que pot ser l'excepció del grup.
La mateixa pàgina, comptada diferent
Search Console distingeix les URL amb paràmetres. PageSpeed els treu i assigna el resultat a l'adreça neta.
Dades de tot el domini
Si la pàgina té poques visites, PageSpeed ensenya les de tot el lloc, que poden ser molt diferents.
El 0-100 és de laboratori
A partir de 90 és bona, però un bon laboratori no vol dir que les visites reals vagin bé.
El nostre criteri: per decidir, mana el camp, que és el que viuen els teus clients i el que mira Search Console. El laboratori serveix per trobar la causa i provar la correcció. L'INP es mesura amb visites reals: al laboratori, el TBT (temps total de bloqueig) només n'és una pista.
Quant pesen a Google, segons Google
Les fan servir els sistemes de rànquing
Google recomana tenir-les bones per tenir èxit a la Cerca i per donar una bona experiència.
No hi ha un interruptor d'experiència
Els sistemes miren diversos senyals d'experiència, en general pàgina a pàgina, amb alguna valoració del lloc sencer.
El contingut rellevant guanya igualment
Google mostra el contingut més rellevant encara que l'experiència sigui fluixa. Quan n'hi ha molts d'útils, l'experiència hi pot contribuir.
No persegueixis el cent
Un bon informe no assegura sortir dalt, i Google diu que perseguir la puntuació perfecta només pel SEO potser no val el temps.
El nostre criteri: no faran pujar una pàgina que no respon la cerca, però una fitxa que triga o salta fa marxar qui ja ha fet clic.
Quatre passos, en aquest ordre
L'informe de Search Console no està pensat per a URL soltes, sinó per trobar el que afecta moltes pàgines alhora.
Deficient abans que millorable
Obre l'informe de Core Web Vitals, primer en mòbil. Google recomana arreglar primer les URL deficients i després les que cal millorar.
Un exemple del grup
Passa una URL d'exemple del grup per PageSpeed: el laboratori assenyala l'element que fa tard o que es mou.
La causa, a la plantilla
Si el grup són les fitxes de producte, la causa sol ser el que comparteixen: la plantilla, un plugin o un script.
Valida i espera 28 dies
Valida la correcció a Search Console: obre un seguiment de 28 dies i, si el problema no surt en cap URL, es dona per resolt.
No comparis massa aviat: les dades de camp són de 28 dies i barregen visites d'abans del canvi. Com mesurar abans i després, a optimització SEO.
El semàfor: quina mètrica arreglar primer
Escriu els valors de camp (visites reals de PageSpeed o de Search Console). Et diu l'estat de cada mètrica, per quina començar i les causes habituals.
Amb valors de laboratori, el resultat orienta, però no és el que mira Google.
El resultat
Escriu com a mínim un valor per veure'n l'estat.
Les tres són bones. Torna a mirar l'informe després de cada canvi de tema o de plugins.
El que has escrit és bo, però falta alguna mètrica: la pàgina només passa si les tres són bones.
Comença per la mètrica marcada: primer les deficients i, amb el mateix estat, la més allunyada del bo.
Causes habituals d'un LCP lent
- El servidor triga a enviar el primer byte (TTFB). Si comença aquí, mira l'entrada de servidor dedicat.
- La imatge principal es descobreix tard o porta càrrega diferida, cosa que web.dev desaconsella sempre.
- La imatge principal pesa massa per a la mida en què es mostra.
- CSS i JavaScript que el navegador ha de baixar abans de pintar res.
Causes habituals d'un INP alt
- Tasques llargues de JavaScript que ocupen el navegador quan el visitant toca.
- Codi que fa massa feina a cada clic: filtres o menús que ho recalculen tot.
- Pàgines amb moltíssims elements, que triguen a tornar-se a pintar.
Causes habituals d'un CLS alt
- Imatges sense amplada i alçada declarades.
- Anuncis, vídeos incrustats i iframes sense espai reservat.
- Bàners o avisos que s'injecten a sobre del que ja es llegeix.
- Fonts web que canvien la mida del text quan acaben de carregar.
Llindars oficials de Google. L'ordre de prioritat és criteri de Daimatics. El que escrius es queda al teu ordinador.
Quan el vermell no marxa amb un plugin
- Has provat plugins de memòria cau i d'optimització i l'informe segueix igual.
- Les URL deficients són justament les que venen: fitxes, categories o landings.
- Has validat una correcció i, passats els 28 dies, el problema torna a sortir.
- PageSpeed et dona bona nota i Search Console continua marcant pàgines deficients.
Abans de tocar res, mirem camp i laboratori, busquem la causa a la plantilla, als plugins o al servidor i deixem escrit com es comprovarà.
Dubtes sobre les Core Web Vitals
Decideix amb visites reals i busca la causa amb el laboratori.
Què són les Core Web Vitals?
Quins són els valors bons de LCP, INP i CLS?
Per què PageSpeed Insights i Search Console donen resultats diferents?
Les Core Web Vitals afecten el posicionament a Google?
Què ha passat amb el FID?
Quant triga Search Console a reconèixer una millora?
Fonts oficials
Google Search Central i Search Console
- Core Web Vitals i la Cerca
- Experiència de pàgina
- Informe de Core Web Vitals
- Sobre PageSpeed Insights
web.dev (Chrome)
