Herramienta gratuita
Core Web Vitals explicados
Los Core Web Vitals en lenguaje sencillo: qué miden LCP, INP y CLS, los umbrales bueno y malo, y las soluciones habituales para páginas lentas, que no responden o que se desplazan.
LCP
Largest Contentful Paint
Cuánto tarda en renderizarse el elemento más grande de la pantalla (normalmente una imagen principal o un titular).
≤ 2,5 s Necesita mejorar
De 2,5 a 4 s Malo
> 4 s
INP
Interaction to Next Paint
Con qué rapidez la página responde visiblemente a toques, clics y pulsaciones de teclas, durante toda la visita.
≤ 200 ms Necesita mejorar
De 200 a 500 ms Malo
> 500 ms
CLS
Cumulative Layout Shift
Cuánto se mueve el contenido de forma inesperada mientras se usa la página.
≤ 0,1 Necesita mejorar
De 0,1 a 0,25 Malo
> 0,25
Cómo se juzgan las puntuaciones
Cada métrica se juzga en el percentil 75 de las cargas de página reales: una página aprueba cuando al menos el 75% de las visitas tienen una buena experiencia. Las herramientas de laboratorio en tu propio equipo rápido suelen verse mejor que lo que ven los visitantes, así que mide usuarios reales.
Las soluciones habituales
- LCP: sirve la imagen principal en un formato moderno y del tamaño adecuado, precárgala, evita la carga diferida y reduce el tiempo de respuesta del servidor (TTFB) con caché.
- INP: divide las tareas largas de JavaScript, aplaza los scripts de terceros y evita el trabajo pesado en los controladores de entrada.
- CLS: da dimensiones fijas a imágenes, incrustaciones y anuncios, reserva espacio para los banners y usa
font-displaycon fuentes de reserva equivalentes.
También conviene vigilar
FCP (First Contentful Paint) muestra cuándo aparece algo por primera vez y TTFB (Time to First Byte) muestra la rapidez con que responde tu servidor. Ambos ayudan a explicar un LCP lento.
Mide a tus visitantes reales
Privatus Analytics mide las cinco métricas a partir de visitas reales, con muestreo y sin cookies, junto a tu tráfico. Ver la monitorización del rendimiento.