Rendimiento web: cómo revisar LCP, INP y CLS

Guía original de Innovate Lab, redactada el 4 de octubre de 2026. Una página puede verse terminada y todavía responder con lentitud o mover elementos cuando llegan imágenes. Core Web Vitals permite observar tres aspectos de esa experiencia. El objetivo práctico es que el visitante pueda leer, navegar y completar tareas con comodidad, no perseguir una puntuación aislada.

Qué mide cada indicador

LCP observa cuándo se presenta el elemento de contenido principal de mayor tamaño. INP describe la capacidad de respuesta a interacciones. CLS registra cambios inesperados en la posición de los elementos. La documentación de web.dev considera buenos valores LCP de hasta 2,5 segundos, INP de hasta 200 milisegundos y CLS de hasta 0,1, evaluados en el percentil 75 de visitas.

Son referencias para interpretar datos, no garantías de ventas o posicionamiento. Tampoco describen toda la calidad del sitio: un formulario puede responder rápido y aun así pedir datos innecesarios o mostrar instrucciones confusas.

Distingue laboratorio y uso real

Una prueba de laboratorio permite repetir una navegación con condiciones controladas. Los datos de campo reflejan dispositivos, conexiones e interacciones reales. Si no hay suficientes visitas para obtener datos públicos de una URL, no significa que su rendimiento sea bueno o malo. Usa pruebas reproducibles y, cuando exista información suficiente, compárala con mediciones de uso real.

Registra la URL, el dispositivo, la conexión simulada y el momento de cada comprobación. Evita comparar una prueba con caché caliente y otra sin caché como si las condiciones fueran iguales. Revisa portada, páginas de servicios y artículos, ya que sus recursos pueden ser diferentes.

Corrige según el síntoma

Ejemplo hipotético: un artículo desplaza su encabezado al aparecer la portada. Reserva dimensiones o una proporción para la imagen y comprueba la recarga lenta. Si el menú responde tarde, revisa el trabajo que realiza JavaScript durante la interacción. Si la imagen principal tarda, examina su tamaño, su formato y cómo se solicita. Cambiar varias cosas a la vez dificulta saber cuál resolvió el problema.

Lista de trabajo

Define una tarea representativa, como abrir un artículo y volver al listado.
Identifica un problema concreto antes de editar recursos o código.
Comprueba el cambio en móvil y escritorio, con y sin caché.
Conserva el diseño accesible y revisa errores funcionales después de optimizar.
Repite la medición con condiciones similares y documenta sus límites.

Fuente técnica

web.dev: Web Vitals, métricas y medición

Conversemos sobre tu proyecto

¿Tu sitio web necesita una experiencia más rápida y cómoda para tus clientes? En Innovate Lab ofrecemos desarrollo web para revisar el rendimiento, la navegación y el funcionamiento de tu plataforma en escritorio y móvil. Cuéntanos qué dificultades encuentras y evaluemos las mejoras que necesita tu emprendimiento o empresa.

Solicitar una consulta con Innovate Lab · Contactarnos por WhatsApp