Actualizaciones de Lighthouse 2.6

Ya está disponible Lighthouse 2.6. Entre los aspectos destacados, se incluyen los siguientes:

Consulta las notas de la versión 2.6 para obtener la lista completa de las funciones nuevas, los cambios y las correcciones de errores.

Cómo actualizar a la versión 2.6

  • NPM. Ejecuta npm update lighthouse. Ejecuta la marca npm update lighthouse -g si instalaste Lighthouse de forma global.
  • Extensión de Chrome. La extensión debería actualizarse automáticamente, pero puedes actualizarla de forma manual a través de chrome://extensions.
  • Herramientas para desarrolladores. El panel de auditorías se enviará con la versión 2.6 en Chrome 65. Puedes verificar qué versión de Chrome estás ejecutando a través de chrome://version. Chrome se actualiza a una versión nueva aproximadamente cada 6 semanas. Para ejecutar el código de Chrome más reciente, descarga Chrome Canary.

Nuevas auditorías de rendimiento

El tiempo de inicio de JavaScript es alto

Consulta un desglose del tiempo que tu página dedica a analizar, compilar y ejecutar cada secuencia de comandos. El tiempo de inicio de JavaScript es un factor algo oculto, pero importante, en el tiempo de carga de la página.

La auditoría "El tiempo de inicio de JavaScript es alto"
Figura 1. La auditoría JavaScript boot-up time is high

Usa una política de caché ineficiente en recursos estáticos

Asegúrate de que el navegador almacenen en caché correctamente cada uno de tus recursos.

La auditoría "Usa una política de caché ineficiente en recursos estáticos"
Figura 2. La auditoría Usa una política de caché ineficiente en recursos estáticos

Evita los redireccionamientos de página

Los redireccionamientos de páginas agregan una o dos indicaciones de red adicionales si se requiere una búsqueda de DNS adicional. Minimiza los redireccionamientos para acelerar el tiempo de carga de la página.

La auditoría "Evita redireccionamientos de página"
Figura 3. La auditoría Evita redireccionamientos de página

Reestructuración de la puntuación de la sección de accesibilidad

En Lighthouse 2.6, la puntuación de accesibilidad agregada se calcula de forma diferente. La puntuación pondera cada auditoría de accesibilidad en función de la gravedad de su impacto en la experiencia del usuario, así como de la frecuencia del problema, según el conjunto de datos de HTTP Archive. Consulta googlechrome/lighthouse/issues/3444 para obtener un análisis detallado.

Informa sobre mejoras en la UX

Errores de nivel superior

En la parte superior del informe, Lighthouse te alerta sobre los errores que pueden haber afectado las puntuaciones de tu página.

Errores de nivel superior en la parte superior de un informe
Figura 4. Errores de nivel superior en la parte superior de un informe

Haz clic en Exportar informe Exportar informe y, luego, selecciona Imprimir resumen o Imprimir expandido para imprimir versiones resumidas o detalladas de tus informes.

Resumen de impresión y vistas expandidas
Figura 5. Vistas expandidas y de resumen para imprimir

Corrección de errores de relación de aspecto

La versión 2.6 también corrige un error que causaba que fallara la auditoría Muestra imágenes con una relación de aspecto correcta, incluso cuando no había imágenes en la página o todas las imágenes tenían el tamaño adecuado.