Un web lent perd visites abans que ningú vegi el seu contingut, i a més Google el posiciona pitjor. Els Core Web Vitals són les mètriques amb les quals Google mesura l'experiència real dels teus usuaris. Aquest article les explica sense tecnicismes i dona l'ordre correcte per millorar-les.

Què són els Core Web Vitals

Els Core Web Vitals són un conjunt de mètriques que Google fa servir per mesurar l'experiència d'ús d'una pàgina: quant triga a mostrar el contingut, com de ràpid respon a la interacció i si els elements es mouen mentre carreguen. Formen part oficial dels factors de posicionament.

El que importa és que no mesuren la velocitat en un laboratori, sinó l'experiència real dels teus visitants en els seus dispositius i connexions. Per això són tan rellevants: reflecteixen el que de debò sent l'usuari.

Google fa servir dades de Chrome d'usuaris reals (l'informe CrUX) per avaluar els teus Core Web Vitals de cara al posicionament. No n'hi ha prou que el web vagi ràpid al teu ordinador: ha d'anar ràpid per a la majoria dels qui el visiten.

Les tres mètriques que has de conèixer

LCP — Largest Contentful Paint

Mesura quant triga a carregar l'element principal de la pàgina (normalment la imatge o el titular gran de l'inici). És la mètrica de 'velocitat percebuda'. Objectiu: menys de 2,5 segons.

INP — Interaction to Next Paint

Mesura quant triga la pàgina a respondre quan l'usuari interactua (un clic, un toc). Va substituir l'antic FID el 2024. Reflecteix si el web 'va fluid'. Objectiu: menys de 200 mil·lisegons.

CLS — Cumulative Layout Shift

Mesura quant es mouen els elements mentre la pàgina carrega. És el que provoca que vagis a prémer un botó i es desplaci de lloc. Objectiu: menys de 0,1.

Si només pots recordar un número de cada mètrica: LCP sota 2,5 s, INP sota 200 ms, CLS sota 0,1. Complir els tres en mòbil és el llistó d''aprovat' de Google.

Per què importen per a SEO i per a conversió

Els Core Web Vitals treballen en dos fronts alhora. D'una banda, són un factor de posicionament: a igualtat de rellevància, Google prefereix el web més ràpid. De l'altra, afecten directament la conversió.

L'impacte en el negoci és mesurable: cada segon de retard en la càrrega redueix la conversió. Un web que aprova els Core Web Vitals reté més visites, genera més contactes i posiciona millor. És de les poques millores que ajuden al SEO i a la conversió alhora.

Com mesurar el teu web correctament

Hi ha dos tipus de dades i convé no confondre'ls:

  • Dades de camp: l'experiència real d'usuaris (informe CrUX). És el que Google fa servir per posicionar. Ho veus a Search Console, a l'informe de Core Web Vitals.
  • Dades de laboratori: una simulació controlada. És el que dona PageSpeed Insights o Lighthouse. Útil per diagnosticar, però no és exactament el que Google mesura.
  1. Mira l'informe de Core Web Vitals a Google Search Console per veure l'estat real per grups d'URLs.
  2. Passa les pàgines clau per PageSpeed Insights (mòbil i escriptori) per identificar causes.
  3. Prioritza sempre el mòbil: és on hi ha la majoria del trànsit i on més suspèn la velocitat.

No t'obsessionis amb treure 100 a PageSpeed. Són dades de laboratori. L'objectiu real és aprovar els Core Web Vitals amb dades de camp a Search Console, que és el que afecta el posicionament.

Millores per ordre d'impacte

No totes les optimitzacions rendeixen igual. Aquest és l'ordre per relació esforç-resultat en un web típic:

  1. Optimitza les imatges: converteix a WebP, dimensiona correctament i usa càrrega diferida. Sol ser la millora de LCP de major impacte.
  2. Activa memòria cau i un CDN per servir el contingut més a prop de l'usuari.
  3. Reserva espai per a imatges i anuncis (defineix amplada i alçada) per eliminar salts de CLS.
  4. Redueix i aplaca el JavaScript no essencial, que és la causa principal d'un INP dolent.
  5. Carrega les fonts web de forma optimitzada perquè el text aparegui abans.
  6. Elimina plugins i scripts de tercers que no aportin a la conversió.

Checklist de velocitat web

  • Totes les imatges en WebP i dimensionades a la seva mida real
  • Càrrega diferida (lazy loading) en imatges fora de la pantalla inicial
  • Memòria cau del navegador i CDN actius
  • Amplada i alçada definides en imatges i contenidors per evitar salts
  • JavaScript de tercers revisat i aplaçat on es pugui
  • Fonts web optimitzades amb font-display adequat
  • LCP per sota de 2,5 s en mòbil
  • INP per sota de 200 ms
  • CLS per sota de 0,1
  • Informe de Core Web Vitals de Search Console en verd

La velocitat no és un projecte d'una sola vegada: cada canvi al web pot afectar-la. Convé revisar-la amb regularitat, sobretot després d'afegir plugins, scripts o seccions noves.

Vols aplicar això al teu negoci?
Pàgines web i manteniment

Si vols un diagnòstic dels teus Core Web Vitals amb les millores prioritzades per impacte, podem analitzar el teu web i donar-te el pla d'optimització.

Veure el servei →