Lighthouse de Google y Métricas web principales son dos métodos diferentes para medir el rendimiento y la experiencia de usuario de su sitio web. Hay viarias diferencias entre cómo Lighthouse y Métricas web principales miden el rendimiento de los sitios web, qué métricas usan, qué constituye un puntaje de aprobación y qué herramientas puede usar usted para generar cada informe. En este artículo, se comparan los dos métodos para que pueda tomar una decisión fundamentado sobre cuándo usar cada uno.
Cómo se determinan los puntajes de rendimiento
Lighthouse
Lighthouse mide el rendimiento, la accesibilidad, el SEO y otros indicadores de calidad de las mejores prácticas de sus páginas web. Para esto, Lighthouse usa datos de laboratorio que se generan en un entorno de pruebas fijo. Estos datos de laboratorio se usan para estimular las visitas a su página web con una velocidad de CPU fija, conexión a internet 3G y un dispositivo móvil Moto G4. El uso de una CPU de menor potencia, una conexión a internet más lenta y un smartphone menos potente refleja las condiciones del mundo real de los usuarios que visitan su sitio.
Métricas web principales
Métricas web principales es un conjunto de tres métricas que intentan medir y resumir la experiencia de usuario general de visitar sus páginas web concentrándose en la velocidad de carga, la interactividad y la estabilidad visual. Estas métricas usan datos de campo, que son datos del mundo real que envían a Google en forma anónima los usuarios reales que visitan una página específica.
Recomendamos que confíe en los datos de las métricas web principales todo lo posible, ya que los datos agregados del mundo real son un mejor indicador del rendimiento que los datos de un momento determinado en un conjunto controlado de condiciones de laboratorio. El puntaje que recibe en las métricas de Métricas web principales puede hacer la diferencia en la manera en que usted aparece dentro de las páginas de resultados del motor de búsqueda de Google para sus consultas de búsqueda específicas.
Métricas y puntajes
Tanto Lighthouse como Métricas web principales usan distintas métricas para generar sus informes. Cada conjunto de métricas tiene umbrales óptimos que determinan si se considera que una página aprobó o no.
Lighthouse
Lighthouse usa seis métricas distintas para generar su informe:
Largest Contentful Paint (LCP). Mide el tiempo de carga de su página y verifica cuánto tarda en cargar el elemento mayor por encima del pliegue (imagen, texto, etc.). El umbral óptimo es de menos de 2.5 segundos.
Cumulative Layout Shift (CLS). Mide la estabilidad visual de la carga de una página centrándose en los cambios de diseño inesperados que no son causados por la interacción de un usuario. A veces, cuando una página carga, los elementos cambian de manera inesperada y esto frustra a los usuarios. Por ejemplo, es posible que usted cargue una página y comience a leer un párrafo, y que, de pronto, se cargue una imagen que llevará al párrafo al final de la página. El umbral óptimo es de menos de 0.1 de cambio de diseño.
Total Blocking Time (TBT). El tiempo total que la página se bloquea y no responde a la entrada del usuario. Estas entradas incluyen clics del mouse o pulsaciones del teclado. El umbral óptimo es de menos de 0.2 segundos.
First Contentful Paint (FCP). El tiempo que pasa hasta que se carga el primer contenido en la página. El contenido debe venir del DOM (Document Object Model) de la página. El DOM incluye el contenido estándar de la página, como imágenes y texto. El umbral óptimo es de menos de 1.8 segundos.
Índice de velocidad. Mide el proceso de carga completo para las partes visuales de una página web capturando un video de la carga de la página y comprobando la diferencia entre cuadros. La duración total mide cuánto tarda en ir 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 estar completamente interactiva para que responda a las entradas del usuario de manera confiable. El umbral óptimo es de menos de 0.1 segundos.
El informe de rendimiento de Lighthouse convierte los puntajes sin procesar en valores estándar de 0-100 y luego usa una media ponderada para calcular el puntaje total de rendimiento de su sitio web. Un puntaje de aprobación para cada métrica individual o el puntaje total de rendimiento es cualquier valor superior a 90.
Métricas web principales
Métricas web principales mide el CLS y el LCP de la misma manera que Lighthouse y usa los mismos umbrales óptimos. Además, también mide 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 la acción. El umbral óptimo es de menos de 0.1 segundos. FID es similar a la métrica de TBT de Lighthouse y tiene el mismo umbral óptimo. Para que una página en su sitio web se considere aprobada, debe lograr el umbral óptimo para cada métrica en el percentil 75.
Para obtener más información, consulte Introducción a Métricas web principales.
HERRAMIENTAS
Si quiere obtener un informe de Lighthouse, las maneras más sencillas de hacerlo son usar la extensión de Lighthouse para su navegador web Chrome o visitar el Portal de desarrolladores web de Google y escribir su URL. Otras opciones son las Herramientas de desarrolladores de Chrome, Page Speed Insights y usar la línea de comandos.
Varias herramientas miden las métricas web principales, incluidas Chrome User Experience Report (CrUX), Google Search Console y PageSpeed Insights. La manera más rápida y sencilla de verificar las métricas web principales de cualquier URL es a través de PageSpeed Insights.