Google va confirmar que els Core Web Vitals són un senyal de posicionament. Millorar-los no només et posiciona, també millora l’experiència i la conversió.
Què són els Core Web Vitals
Mètriques de Google que mesuren l’experiència real de l’usuari a la teva web.
Les 3 mètriques clau
- LCP (Largest Contentful Paint): temps fins que es carrega l’element visible més gran. Objectiu < 2,5s.
- INP (Interaction to Next Paint): temps de resposta a les interaccions. Objectiu < 200ms.
- CLS (Cumulative Layout Shift): estabilitat visual. Objectiu < 0,1.
Com mesurar-los
Eines oficials
- PageSpeed Insights: dades de laboratori i reals
- Search Console: informe de Core Web Vitals
- Chrome UX Report: dades reals agregades
Per fer proves
- Lighthouse (Chrome DevTools)
- WebPageTest
- GTmetrix
Millorar l’LCP (< 2,5s)
1. Optimitza l’element LCP
Sol ser una imatge o un hero. Optimitza aquesta peça en concret.
2. Fes servir lazy loading
Carrega les imatges només quan entren a la pantalla.
3. Millora el servidor
TTFB < 600ms. Fes servir CDN, memòria cau i un hosting ràpid.
4. Elimina el render-blocking
CSS i JS crítics en línia, la resta diferit.
5. Fes servir formats moderns
WebP o AVIF en lloc de PNG/JPG.
Millorar l’INP (< 200ms)
1. Redueix el JavaScript
Cada KB de JS bloqueja la interactivitat. L’essencial, res més.
2. Divideix el codi
Code splitting per rutes.
3. Evita tasques llargues
JS que bloqueja el fil principal > 50ms. Divideix-lo.
4. Fes servir web workers
La feina pesada, fora del fil principal.
5. Optimitza els scripts de tercers
Cada script de tercers costa INP. Només els necessaris.
Millorar el CLS (< 0,1)
1. Reserva espai per a imatges i vídeos
Fes servir aspect-ratio o width/height per evitar salts.
2. No insereixis anuncis dinàmics per sobre de la línia de flotació
3. Evita tipografies web que causen FOIT/FOUT
Fes servir font-display: swap o optional.
4. Anima amb transform, no amb width/height
Les animacions que canvien el layout causen CLS.
5. Evita bàners intersticials
Estratègia general de rendiment
Prioritza el que es veu
L’usuari no veu el peu de pàgina. Optimitza primer el que veu.
Mesura en mòbil
El teu usuari mitjà navega amb el mòbil en 4G. Mesura-ho allà.
Monitora contínuament
Els Core Web Vitals canvien amb cada desplegament. Configura alertes.
Optimitza el servidor
CDN, HTTP/3, Brotli, memòria cau a la vora.
Impacte en el negoci
SEO
Millors CWV = millor posició. És un senyal directe.
Conversió
Cada 0,1s de millora en l’LCP puja la conversió un 1%.
Rebot
Les webs lentes tenen el doble de rebot.
Conclusió
Els Core Web Vitals no són un detall tècnic. Són una palanca que posiciona, converteix i reté. Inverteix-hi.
La teva web passa el test? Te’l mesurem gratis.