Lighthouse y Core Web Vitals de Google son dos métodos diferentes para medir el rendimiento y la experiencia del usuario de tu sitio web. Existen varias diferencias en cómo Lighthouse y Core Web Vitals miden el rendimiento del sitio web, qué métricas utilizan, qué constituye una puntuación de aprobado y qué herramientas puedes usar para generar cada informe. Este artículo compara ambos enfoques para que puedas tomar una decisión informada sobre cuándo usar cada uno.
Cómo se determinan las puntuaciones de rendimiento
Faro
Lighthouse mide el rendimiento, la accesibilidad, el SEO y otros indicadores de calidad y buenas prácticas de tus páginas web. Para ello, Lighthouse utiliza datos de laboratorio generados en un entorno de prueba fijo. Estos datos se utilizan para simular las 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 ligeramente inferior, una conexión a internet más lenta y un smartphone menos potente refleja las condiciones reales de los usuarios que visitan tu sitio.
Elementos esenciales de la web
Las Core Web Vitals son un conjunto de tres métricas que intentan medir y resumir la experiencia general del usuario al visitar tus 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 reales que los usuarios envían anónimamente a Google cuando visitan una página específica.
Te recomendamos que utilices los datos de Core Web Vitals al máximo, ya que los datos agregados del mundo real son un mejor indicador del rendimiento que los datos puntuales basados en condiciones de laboratorio controladas. Además, la puntuación que reciba en las métricas de Core Web Vitals puede influir en la visibilidad que tendrá en las páginas de resultados de búsqueda de Google para sus consultas específicas.
Métricas y puntuaciones
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 aprobada.
Faro
Lighthouse utiliza seis métricas diferentes para generar su informe:
Largest Contentful Paint (LCP). Mide el tiempo de carga de tu página y comprueba cuánto tarda en cargarse el elemento más grande de la mitad superior de la página (imagen, texto, etc.). El umbral óptimo es inferior a 2,5 segundos.
Desplazamiento de Diseño Acumulado (CLS). Mide la estabilidad visual de la carga de una página, centrándose en los cambios de diseño inesperados no causados por la interacción del usuario. A veces, al cargar una página, los elementos se desplazan inesperadamente, lo que frustra a los usuarios. Por ejemplo, podrías cargar una página y empezar a leer un párrafo, solo para que se cargue una imagen que desplaza la página hacia abajo. El umbral óptimo es inferior a 0,1 de desplazamiento de diseño.
Tiempo total de bloqueo (TBT). Tiempo total que una página permanece bloqueada sin responder a las entradas del usuario. Estas entradas incluyen clics del ratón o pulsaciones del teclado. El umbral óptimo es inferior a 0,2 segundos.
Primer Contenido Pintado (FCP). Tiempo transcurrido hasta que se carga el primer contenido en la página. El contenido debe provenir del DOM (Modelo de Objetos del Documento) de la página. El DOM incluye contenido estándar de la página, 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 mediante la grabación de un vídeo de la carga de la página y la comprobación de la diferencia entre fotogramas. La duración total mide el tiempo que tarda en pasar de una pantalla en blanco a una página completa. El umbral óptimo es inferior a 3,4 segundos.
Tiempo de Interacción (TTI). Tiempo que tarda la página en ser completamente interactiva para responder de forma fiable a las entradas del usuario. 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 utiliza un promedio ponderado para calcular la puntuación total de rendimiento de su sitio web. Cualquier puntuación superior a 90 se considera aprobada para cualquier métrica individual o la puntuación total de rendimiento.
Elementos esenciales de la web
Core Web Vitals mide CLS y LCP de la misma forma que Lighthouse y utiliza los mismos umbrales óptimos. Además, Core Web Vitals también mide el Retardo de Primera Entrada (FID), que mide el tiempo transcurrido desde la primera interacción del usuario, como hacer clic en un botón, hasta que el navegador responde a dicha 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 su sitio web se considere aprobada, debe alcanzar el umbral óptimo para cada métrica en el percentil 75.
Para obtener más información, consulte Introducción a Core Web Vitals.
Nota:
Las puntuaciones de Core Web Vitals 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, ya que si la puntuación es baja y luego se implementan mejoras, deberá esperar a que Google las identifique.
Herramientas
Si deseas obtener un informe de Lighthouse, las maneras más sencillas son usar la extensión Lighthouse para tu navegador web Chrome o visitar el Portal de Desarrollo Web de Google e introducir tu URL. Otras opciones incluyen Chrome Dev Tools, PageSpeed Insights y la línea de comandos.
Varias herramientas miden las Core Web Vitals, como el Informe de Experiencia del Usuario de Chrome (CrUX), Google Search Console y PageSpeed Insights. La forma más rápida y sencilla de comprobar las Core Web Vitals de cualquier URL es a través de PageSpeed Insights.