Lighthouse y Core Web Vitals de Google son dos métodos diferentes para medir el rendimiento de tu sitio web y la experiencia del usuario. Hay varias diferencias en la forma en que Lighthouse y Core Web Vitals miden el rendimiento de un sitio web, las métricas que se utilizan, lo que constituye una calificación aprobatoria y las herramientas que puedes usar para elaborar cada informe. En este artículo se comparan los dos enfoques para que puedas tomar una decisión fundamentada sobre cuándo usar cada uno
Lighthouse mide el rendimiento, la accesibilidad, el SEO y otros indicadores de calidad basados en las mejores prácticas de tus páginas web. Para ello, Lighthouse utiliza datos de laboratorio que se generan en un entorno de pruebas fijo. Estos datos de laboratorio se utilizan para simular visitas a tu página web con una velocidad de CPU fija, una conexión a Internet 3G y un dispositivo móvil Moto G4. El uso de una CPU con poca potencia, una conexión a Internet más lenta y un smartphone menos potente reflejan las condiciones reales de los usuarios que visitan
Core Web Vitals son un conjunto de tres métricas que intentan medir y resumir la experiencia general del usuario al visitar sus páginas web centrándose en la velocidad de carga, la interactividad y la estabilidad visual. Estas métricas utilizan datos de campo, que son datos del mundo real que los usuarios reales envían de forma anónima a Google cuando visitan
Le recomendamos que confíe en los datos de Core Web Vitals en la medida de lo posible, ya que los datos agregados del mundo real son un mejor indicador del rendimiento que los datos puntuales basados en un conjunto controlado de condiciones de laboratorio. Además, la puntuación que recibas en las métricas de Core Web Vital puede marcar la diferencia en el lugar que ocupas en las propias páginas de resultados de los motores de búsqueda de Google en lo que respecta a las consultas de búsqueda
Tanto Lighthouse como Core Web Vitals utilizan diferentes métricas para generar sus informes. Cada conjunto de métricas tiene umbrales óptimos que determinan si una página se considera superada o no
Lighthouse usa seis métricas diferentes para generar su informe:
-
La pintura más grande y llena de contenido (LCP). Mide el tiempo de carga de la página y comprueba cuánto tarda en cargarse el elemento más grande de la parte superior de la página (imagen, texto, etc.). El umbral óptimo es inferior a 2,5 segundos.
-
Cambio de diseño acumulativo (CLS). Mide la estabilidad visual de la carga de una página centrándose en los cambios de diseño inesperados que no se deben a la interacción del usuario. A veces, cuando se carga una página, los elementos cambian inesperadamente y frustran a los usuarios. Por ejemplo, puedes cargar una página y empezar a leer un párrafo, y luego se cargue una imagen que empuje el párrafo hacia abajo en la página. El umbral óptimo es un cambio de diseño inferior al 0,1
-
Tiempo total de bloqueo (TBT). Tiempo total durante el que se bloquea una página para que no responda a los comentarios del usuario. Estas entradas incluyen los clics del ratón o las pulsaciones del teclado. El umbral óptimo es inferior a 0,2 segundos.
-
First Contentful Paint (FCP). El tiempo transcurrido hasta que se cargue el primer contenido en la página. El contenido debe provenir del DOM (modelo de objetos de documento) de la página. El DOM incluye contenido de página estándar, como imágenes y texto. El umbral óptimo es inferior a 1,8 segundos.
-
Índice de velocidad. Mide todo el proceso de carga de las partes visuales de una página web capturando un vídeo de la carga de la página y comprobando la diferencia entre los fotogramas. La duración total mide el tiempo que se tarda en pasar de una pantalla en blanco a una página completa. El umbral óptimo es inferior a 3,4 segundos.
-
Es hora de interactuar (TTI). Cuánto tiempo tarda la página en volverse completamente interactiva para que responda de manera confiable a las entradas de los usuarios. El umbral óptimo es inferior a 0,1 segundos.
El informe de rendimiento de Lighthouse convierte las puntuaciones brutas en valores estándar de 0 a 100 y, a continuación, utiliza un promedio ponderado para calcular la puntuación de rendimiento total de su sitio web. La puntuación de aprobación de cualquier métrica individual o de la puntuación de rendimiento total es superior a 90
Core Web Vitals mide el CLS y el LCP de la misma manera que Lighthouse y utiliza los mismos umbrales óptimos. Además, Core Web Vitals también mide el retraso en la primera entrada (FID), que mide el tiempo que transcurre desde la primera interacción del usuario (por ejemplo, al hacer clic en un botón) hasta que el navegador responde a esa acción. El umbral óptimo es inferior a 0,1 segundos. El FID es similar a la métrica TBT de Lighthouse y tiene el mismo umbral óptimo. Para que una página de tu sitio web se considere superadora, es necesario que alcance el umbral óptimo para cada métrica en el percentil 75
Para obtener más información, consulte Core Web Vitals.
Nota
Las puntuaciones de Core Web Vital se calculan utilizando datos de campo agregados de muchos usuarios durante un período de 28 días. Es importante recordar este período de 28 días porque si obtienes una mala puntuación y luego realizas algunas mejoras, tendrás que esperar a que Google identifique esas
Las puntuaciones de Core Web Vital se calculan utilizando datos de campo agregados de muchos usuarios durante un período de 28 días. Es importante recordar este período de 28 días porque si obtienes una mala puntuación y luego realizas algunas mejoras, tendrás que esperar a que Google identifique esas
Si quieres obtener un informe de Lighthouse, la forma más fácil de usar es usar el Extensión Lighthouse para tu navegador web Chrome o para visitar El portal para desarrolladores web de Google e introduce tu URL. Otras opciones incluyen Herramientas de desarrollo de Chrome , Estadísticas sobre la velocidad de la páginay mediante la línea de comandos.
Hay varias herramientas que miden los principales valores vitales de la web, que incluyen Informe de experiencia de usuario de Chrome (CruX), Consola de búsqueda de Google , y PageSpeed Insights. La forma más rápida y sencilla de comprobar los principales datos vitales de la web de cualquier URL es a través de PageSpeed