Novedades de Lighthouse 11

Adam Raine
Adam Raine
GitHub
Jasmine Yan
Jasmine Yan
GitHub

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 11 está disponible de inmediato en la línea de comandos a través de npm, en Chrome Canary y en PageSpeed Insights. Aparecerá en la versión estable de Chrome en Chrome 118.

Consulta la lista completa de cambios en el registro de cambios de la versión 11.0.

Actualizaciones de categorías de accesibilidad

Las actualizaciones de categorías incluyen nuevas auditorías automatizadas, ponderación mejorada y auditorías manuales priorizadas para ayudar a los desarrolladores a hacer que sus sitios sean más accesibles.

Nuevas auditorías y ponderaciones

A partir de Lighthouse 10.0, se agregaron 13 auditorías de accesibilidad nuevas:

  • aria-allowed-role
  • aria-dialog-name
  • aria-text
  • html-xml-lang-mismatch
  • image-redundant-alt
  • input-button-name
  • label-content-name-mismatch
  • link-in-text-block
  • select-name
  • skip-link
  • table–duplicate-name
  • table-fake-caption
  • td-has-header

Además de las auditorías nuevas, se actualizaron las ponderaciones de todas ellas para que coincidan mejor con los niveles de impacto de la regla aXe correspondientes. Consulta la documentación sobre la puntuación de accesibilidad de Lighthouse para obtener detalles exactos sobre las nuevas auditorías y ponderaciones.

Visibilidad de la auditoría manual

Lighthouse siempre incluyó algunas auditorías manuales que no se pueden probar automáticamente, pero sí se incluyen como lista de tareas para verificar funcionalidades importantes. La sección de auditoría manual ahora se expande automáticamente cuando se aprueban todas las auditorías automatizadas.

Un informe de Lighthouse que muestra las auditorías manuales en la categoría de accesibilidad expandida

Esto enfatiza que pasar todas las auditorías automatizadas y obtener una puntuación de 100 en accesibilidad no garantiza que se pueda acceder a la página auditada; las pruebas manuales siguen siendo importantes. También se reordenaron las auditorías manuales para comenzar con las verificaciones más accesibles.

Cambios en las auditorías existentes

Interacción con el siguiente procesamiento de imagen (INP)

INP ya no es experimental, por lo que la métrica se movió de experimental-interaction-to-next-paint a interaction-to-next-paint.

Trabajadores de servicio

Ya no se requiere un service worker para que una página se pueda instalar como una AWP en Chrome, por lo que se quitó la verificación de service-worker de la categoría AWP de Lighthouse.

Resumen de recursos

Se quitó la auditoría resource-summary del informe de Lighthouse. Las estadísticas de solicitudes de red aún se pueden compilar con la auditoría network-requests oculta:

const {lhr} = await lighthouse('https://example.com');
const networkRequests = lhr.audits['network-requests'].details.items;
const resourceSummary = {};

for (const request of networkRequests) {
  let total = resourceSummary[request.resourceType] || 0;
  total += request.resourceSize;
  resourceSummary[request.resourceType] = total;
}

console.log(resourceSummary);

Navegación heredada

Se quitaron la marca --legacy-navigation para la CLI, la función legacyNavigation() en la API de Node y la casilla de verificación “Navegación heredada” en el panel de Herramientas para desarrolladores. Esto completa una transición de años en la infraestructura de Lighthouse para admitir flujos de usuarios.

Faro en ejecución

Lighthouse está disponible en las herramientas para desarrolladores de Chrome, en npm (como módulo de Node y una herramienta de CLI) y como extensión del navegador (en Chrome y Firefox). También funciona con varios servicios de Google, como 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 de Lighthouse 11 o cualquier otro aspecto relacionado con Lighthouse, haz lo siguiente: