Lighthouse es una herramienta de auditoría de sitios web que ayuda a los desarrolladores con oportunidades y diagnósticos para mejorar la experiencia del usuario en sus sitios.
Lighthouse 9.0 está disponible de inmediato en la línea de comandos, en Chrome Canary y en PageSpeed Insights. Llegará a la versión estable de Chrome en Chrome 98.
Cambios en la API
La mayoría de los usuarios no deberían experimentar ningún cambio que rompa el flujo de trabajo con esta versión. Si ejecutas auditorías personalizadas de Lighthouse o usas herramientas que dependen de los detalles del informe JSON de Lighthouse, es posible que haya algunos cambios rotundos que debas tener en cuenta en la versión 9.0.
Consulta la lista completa de cambios en el registro de cambios 9.0.
Lighthouse para los flujos de usuarios
Lighthouse tiene una nueva API de flujo de usuarios que permite realizar pruebas de laboratorio en cualquier momento de la vida útil de una página.
Puppeteer se usa para crear secuencias de comandos de cargas de páginas y activar interacciones sintéticas con los usuarios. Lighthouse se puede invocar de varias maneras para captar estadísticas clave durante esas interacciones. Esto significa que el rendimiento se puede medir durante la carga de la página y durante las interacciones con esta.
Para obtener más información, consulta el instructivo de flujos de usuarios de Lighthouse y las muestras de código.
Actualización de informes
El informe de Lighthouse se actualizó para mejorar la legibilidad y aclarar la fuente y la forma en que se ejecutó.
Se incorporó una captura de pantalla final en la parte superior del informe para que sea evidente a simple vista si la página que se está probando de forma correcta y tiene el formato esperado.
También se rediseñó la información de resumen que aparece en la parte inferior del informe para comunicar mejor cómo se ejecutó Lighthouse y cómo se recopiló el informe.
Para ver el nuevo informe en acción, prueba Lighthouse 9.0 o consulta este informe de ejemplo.
Elementos de accesibilidad relacionados
Un problema de accesibilidad común es cuando los elementos que se supone que son únicos en una página no lo son, por ejemplo, si el ID al que se hace referencia en un atributo aria-labelledby se usa en varios elementos.
Lighthouse siempre advirtió sobre esta situación, pero solo muestra la primera instancia de un elemento con un ID repetido, lo que suele causar confusión, ya que algunos usuarios suponen que muestra todos los elementos que causan un problema. Como Lighthouse solo mostraba un elemento, suponen que se trata de un error porque el elemento se marcaba como duplicado.
En Lighthouse 9.0, ahora se enumeran todos los elementos que comparten ese ID:
Los “nodos relacionados” la funcionalidad es proporcionada por axe-core, por lo que también puede aparecer en otras auditorías de accesibilidad.
Para obtener más información, consulta el problema de recopilación de informes de usuarios y la solicitud de extracción de implementación.
Lighthouse en ejecución
Lighthouse está disponible en las Herramientas para desarrolladores de Chrome, npm (como módulo Node y CLI) y como una extensión del navegador (en Chrome y Firefox). Es compatible con muchos servicios de Google, incluidos web.dev/measure y PageSpeed Insights.
Para probar la CLI de Node de Lighthouse, usa los siguientes comandos:
npm install -g lighthouse
lighthouse https://www.example.com --view
Comunícate con el equipo de Lighthouse
Para hablar sobre las nuevas funciones, los cambios en la versión 9.0 o cualquier otro aspecto relacionado con Lighthouse, haz lo siguiente:
- Informa un problema o envía comentarios a través de la herramienta de seguimiento de errores de GitHub de Lighthouse.
- Haz preguntas en los foros de debate de GitHub de Lighthouse.
- Comunícate con el equipo de Lighthouse en Twitter (@____lighthouse).