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. Aparecerá en la versión estable de Chrome en Chrome 98.
Cambios en la API
Con esta versión, la mayoría de los usuarios no deberían encontrarse con cambios que rompen el flujo de trabajo. Si ejecutas auditorías personalizadas de Lighthouse o usas herramientas que dependen de los detalles más detallados del JSON del informe de Lighthouse, es posible que haya algunos cambios rotundos en la versión 9.0 que deberás tener en cuenta.
Consulta la lista completa de cambios en el registro de cambios de la 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 utiliza para crear secuencias de comandos de cargas de páginas y activar interacciones sintéticas del usuario, y Lighthouse se puede invocar de varias maneras para captar estadísticas clave durante esas interacciones. Eso significa que se puede medir el rendimiento mientras se carga la página y durante las interacciones con ella.
Para obtener más información, consulta el instructivo de flujos de usuarios de Lighthouse y las muestras de código.
Actualización del informe
El informe de Lighthouse se actualizó para mejorar la legibilidad y aclarar la fuente del informe y la forma en que se ejecutó.
Se incorporó una captura de pantalla final en la parte superior del informe para que sea evidente si la página que se está probando se cargó correctamente y tiene el formato esperado.
También se rediseñó la información resumida 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 ocurre cuando los elementos que se suponen 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 advertía acerca de esta situación, pero solo indicaba la primera instancia de un elemento con un ID repetido, lo que a menudo causaba confusión, ya que algunos usuarios suponen que estaba mostrando todos los elementos que causan el problema. Como Lighthouse solo mostraba un elemento, asumían que era un error que el único elemento se marcaba como duplicado.
En Lighthouse 9.0, se enumeran todos los elementos que comparten ese ID:
axe-core proporciona la funcionalidad de "nodos relacionados", por lo que también puede aparecer en otras auditorías de accesibilidad.
Para obtener más información, consulta el problema en la recopilación de informes de usuarios y la solicitud de extracción de implementación.
Faro en ejecución
Lighthouse está disponible en las Herramientas para desarrolladores de Chrome, npm (como módulo de Node y CLI) y como extensión del navegador (en Chrome y Firefox). Ofrece muchos servicios de Google, como 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 Lighthouse en GitHub.
- Haz preguntas en los foros de discusión de Lighthouse en GitHub.
- Comunícate con el equipo de Lighthouse en Twitter @____lighthouse.