Carga
LCP
Largest Contentful Paint
Mide cuánto tarda en mostrarse el elemento de contenido más grande visible en pantalla. Un LCP rápido ayuda a que la página se sienta útil desde el primer momento.
Guía esencial de rendimiento web
Core Web Vitals: las métricas que reflejan la experiencia real
Las Métricas web esenciales ayudan a entender cómo perciben las personas la velocidad, la respuesta y la estabilidad de un sitio. Concentran el análisis en tres señales que se pueden medir sobre experiencias reales.
Las 3 métricas deben aprobar
≤ 2,5 s
Interactividad
INP
Interaction to Next Paint
Evalúa la capacidad de respuesta durante toda la visita: desde una interacción hasta el siguiente cambio visual. Un INP bajo hace que controles y formularios se sientan ágiles.
Estabilidad visual
CLS
Cumulative Layout Shift
Cuantifica los movimientos inesperados del contenido. Un CLS bajo evita saltos que pueden provocar lecturas incómodas o clics en el elemento equivocado.
75%
de las experiencias reales
¿Cuándo se considera que una página ofrece una buena experiencia?
No alcanza con una prueba rápida o un promedio favorable. La recomendación es cumplir los tres objetivos en el percentil 75 de las visitas, analizando por separado dispositivos móviles y computadoras. Esto significa que, como mínimo, tres de cada cuatro experiencias deben estar dentro del rango “bueno”.
RUM
Datos de campo y de laboratorio
Los datos de campo provienen de usuarios reales y capturan diferencias de dispositivo, red y comportamiento. Herramientas como PageSpeed Insights, Chrome UX Report y Search Console los utilizan para mostrar el rendimiento experimentado en producción.
LAB
Medir antes de publicar
Las pruebas de laboratorio permiten detectar regresiones durante el desarrollo. Lighthouse puede evaluar LCP y CLS; para la interactividad usa TBT como señal aproximada, porque sin una persona interactuando no puede medir INP directamente.
Medir es el comienzo, mejorar es el objetivo
El diagnóstico debe combinar ambas perspectivas: laboratorio para encontrar problemas de forma temprana y campo para validar el impacto real. A partir de allí se priorizan cambios en imágenes, carga de recursos, JavaScript, fuentes y reserva de espacio visual.
Analizar mi sitio