Comparación entre Lighthouse y Core Web Vitals

Nota: esta función no está incluida en tu configuración de Smoobu. La información que aparece a continuación se ofrece solo como referencia; contacta con el soporte de Smoobu si la necesitas.

Lighthouse y las Core Web Vitals de Google son dos métodos distintos para medir el rendimiento y la experiencia de usuario de tu sitio. Se diferencian en varios aspectos: cómo miden el rendimiento, qué métricas usan, qué se considera una puntuación aprobada y con qué herramientas se genera cada informe. Este artículo compara los dos enfoques para que decidas con criterio cuándo usar cada uno.

Cómo se determinan las puntuaciones de rendimiento

Lighthouse

Lighthouse mide el rendimiento, la accesibilidad, el SEO y otros indicadores de calidad de buenas prácticas de tus páginas web. Para ello usa datos de laboratorio generados en un entorno de prueba fijo. Con esos datos simula visitas a tu página con una velocidad de CPU fija, una conexión a internet 3G y un dispositivo móvil Moto G4. El uso de una CPU algo limitada, una conexión más lenta y un móvil menos potente refleja las condiciones reales de quienes visitan tu sitio.

Core Web Vitals

Las Core Web Vitals son un conjunto de tres métricas que intentan medir y resumir la experiencia general de quienes visitan tus páginas, centrándose en la velocidad de carga, la interactividad y la estabilidad visual. Estas métricas usan datos de campo, es decir, datos reales que los usuarios envían de forma anónima a Google al visitar una página concreta.

Te recomendamos basarte en los datos de las Core Web Vitals siempre que puedas, porque los datos agregados del mundo real indican mejor el rendimiento que los datos puntuales de un conjunto controlado de condiciones de laboratorio. Además, la puntuación que obtienes en las Core Web Vitals puede influir en la prominencia con la que apareces en las páginas de resultados de Google para las búsquedas que te interesan.

Métricas y puntuaciones

Tanto Lighthouse como las Core Web Vitals usan métricas distintas para generar sus informes. Cada conjunto de métricas tiene unos umbrales óptimos que determinan si una página se considera aprobada o no.

Lighthouse

Lighthouse usa seis métricas distintas 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 visible sin desplazarse (una imagen, un texto, etc.). El umbral óptimo es de menos de 2.5 segundos.
• Cumulative Layout Shift (CLS). Mide la estabilidad visual durante la carga de la página y se fija en los desplazamientos inesperados del diseño que no provoca el usuario. A veces, al cargar una página, algunos elementos se mueven de forma inesperada y frustran a quien la usa. Por ejemplo, cargas una página y empiezas a leer un párrafo, pero se carga una imagen que lo empuja hacia abajo. El umbral óptimo es de menos de 0.1 de desplazamiento del diseño.
• Total Blocking Time (TBT). Tiempo total durante el cual la página no puede responder a las acciones del usuario, como los clics del ratón o las pulsaciones del teclado. El umbral óptimo es de menos de 0.2 segundos.
• First Contentful Paint (FCP). Tiempo que pasa hasta que se carga el primer contenido de la página. Ese contenido debe proceder del DOM (Document Object Model) de la página. El DOM incluye contenido habitual, como imágenes y texto. El umbral óptimo es de menos de 1.8 segundos.
• Speed Index. Mide todo el proceso de carga de las partes visuales de una página grabando un vídeo de la carga y comparando la diferencia entre fotogramas. La duración total mide cuánto se tarda en pasar de una pantalla en blanco a una página completa. El umbral óptimo es de menos de 3.4 segundos.
• Time to Interactive (TTI). Cuánto tarda la página en ser totalmente interactiva y responder de forma fiable a las acciones del usuario. El umbral óptimo es de menos de 0.1 segundos.

El informe de rendimiento de Lighthouse convierte las puntuaciones brutas en valores estándar de 0-100 y luego usa una media ponderada para calcular la puntuación de rendimiento total de tu sitio. Se considera aprobada cualquier métrica individual, o la puntuación total, que supere 90.

Core Web Vitals

Las Core Web Vitals miden el CLS y el LCP igual que Lighthouse y con los mismos umbrales óptimos. Además, también miden el First Input Delay (FID), que mide el tiempo que pasa desde la primera interacción del usuario, como hacer clic en un botón, hasta que el navegador responde a esa acción. El umbral óptimo es de menos de 0.1 segundos. El FID se parece a la métrica TBT de Lighthouse y tiene el mismo umbral óptimo. Para que una página de tu sitio se considere aprobada, debe alcanzar el umbral óptimo de cada métrica en el percentil 75.

Encontrarás más información en «Core Web Vitals».

Nota: las puntuaciones de las Core Web Vitals se calculan con datos de campo agregados de muchos usuarios durante un periodo de 28 días. Este periodo de 28 días es importante, porque si obtienes una mala puntuación y luego haces mejoras, tendrás que esperar a que Google detecte esas mejoras.

Herramientas

Si quieres un informe de Lighthouse, lo más cómodo es usar la extensión de Lighthouse para tu navegador Chrome o visitar el Web Dev Portal de Google e introducir tu URL. Otras opciones son Chrome Dev Tools, Page Speed Insights y la línea de comandos.

Varias herramientas miden las Core Web Vitals, como Chrome User Experience Report (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 con PageSpeed Insights.