¿Qué es Google Lighthouse?

¿Qué es Google Lighthouse?

Google Lighthouse es una herramienta que prueba la usabilidad y el rendimiento de las aplicaciones web progresivas. Aparte de las aplicaciones web, los usuarios también pueden utilizar la herramienta para examinar las páginas web convencionales en cuanto a su rendimiento y potencial de optimización.

A diferencia de muchas otras herramientas de análisis, la nueva creación de Google ofrece la posibilidad de adaptar y filtrar las condiciones de la prueba para evaluar la rendimiento web preciso parámetros lo más cerca posible de la realidad.

Introducción a Google Lighthouse

Las aplicaciones web progresivas son páginas web que se asemejan mucho a las aplicaciones móviles en cuanto a apariencia, funcionalidad y posibilidades de aplicación. Las aplicaciones web ofrecen contenidos dinámicos y son muy populares.

Ejemplos de aplicaciones web progresivas son sitios web como booking.com o Twitter, que tienen muchas características de aplicaciones nativas en su versión para navegadores.

Para estas aplicaciones móviles progresivas, también conocidas como PWAsPara que los usuarios tengan la sensación de estar utilizando una aplicación nativa, deben cumplir con ciertas características y parámetros de rendimiento. El test Lighthouse de Google permite medir y optimizar estos indicadores.

Lighthouse es un software de código abierto y suele utilizarse a través de una extensión de Chrome (Lighthouse Chrome extension). El manejo no supone ningún esfuerzo: una vez instalada la extensión Lighthouse Chrome, se puede acceder a cualquier página web y comprobar su rendimiento haciendo clic con el ratón en el icono de la extensión. La evaluación se muestra en tablas de valores medidos y representaciones gráficas.

Google Lighthouse analiza y compara las siguientes áreas:

PWA, rendimiento, accesibilidad, mejores prácticas y SEO (hay información detallada disponible para cada una de estas áreas). Una vez realizado el análisis, la herramienta ofrece automáticamente sugerencias de mejora.

Lighthouse es muy flexible y ofrece un gran número de vistas comparativas y de análisis que puede utilizar para optimizar su sitio web. 

La herramienta es adecuada tanto para principiantes como para profesionales. Por regla general, los profesionales y desarrolladores no suelen utilizar Lighthouse con la extensión de Chrome, sino a través de la herramienta de línea de comandos, que tiene opciones de configuración mucho más específicas. Sin embargo, el dispositivo de línea de comandos requiere la instalación previa de node.js en el servidor web.

Características de Google Lighthouse en detalle.

Lighthouse comprueba cinco aspectos diferentes de las páginas web:

Aplicaciones web progresivas.

El análisis de aplicaciones web progresivas es la función principal de Google Lighthouse y ha estado disponible desde su lanzamiento. El software analiza si la página web funciona como está previsto.

Más concretamente, Lighthouse comprueba si todos los elementos dinámicos y el contenido se representan correctamente, si la página registra un trabajador de servicios y si la funcionalidad offline está disponible.

Un service worker es un script que se ejecuta para que cierta información de la página web esté también disponible sin conexión. Por regla general, para ello se suele establecer una interfaz proxy entre la página web y el usuario.

Rendimiento

En el ámbito del rendimiento, Lighthouse analiza la velocidad de la página o aplicación web y comprueba que los elementos que se han cargado se muestran correctamente. El análisis consta de las siguientes seis subcategorías:

Primer Dolor Contentot indica el tiempo que tarda en aparecer la primera imagen o el primer texto completo en la página web.

La primera pintura significativa indica cuándo se puede mostrar el contenido principal de la página en su totalidad.

Índice de velocidad: indica el tiempo que tarda en mostrarse el contenido de la página web.

Hora de interactuar: indica el tiempo que tarda la página en cargarse con plena interactividad.

La primera inactividad de la CPU indica cuándo la actividad de los hilos principales se reduce lo suficiente como para poder procesar la entrada del usuario por primera vez.

Latencia de entrada estimadaindica una estimación de cuántos milisegundos tarda la página web o la aplicación en reaccionar a la entrada del usuario dentro de la ventana de cinco segundos más cargada mientras se descarga la página.

Si la latencia es superior a 50 milisegundos, es generalizado que los usuarios consideren la página o aplicación como lenta.

Además de analizar estos factores, Lighthouse también ofrece sugerencias de mejora que proponen diferentes opciones de optimización para reducir los tiempos de carga.

Entre ellas se encuentran, por ejemplo, la compresión de imágenes, JavaScript o la eliminación de recursos que puedan estar bloqueando la renderización de la página. El resto de los análisis en el área de rendimiento incluyen recomendaciones sobre los siguientes puntos:

• Utiliza archivos de imagen en formatos que requieran poco espacio de almacenamiento y renderízalos en las dimensiones correctas.
• Si es posible, proporcione el texto y el JavaScript en forma comprimida.
• Optimizar la memoria caché para mejorar la representación de los contenidos estáticos.
• Evite los redireccionamientos y cargue las consultas esenciales con antelación para permitir tiempos de respuesta rápidos por parte del servidor.
• Si es posible, ofrezca contenidos animados en formatos modernos que ocupen poco espacio.
• Mantenga el volumen de datos del sitio web lo más pequeño posible.
• Utilizar las etiquetas de manera que se mejoren los resultados de la medición y el seguimiento.

Más información sobre RENDIMIENTO DE LA WEB.