Evolución de Lighthouse: integración continua, nueva fórmula de puntuación de rendimiento y mucho más

Obtén las actualizaciones y estadísticas más recientes de Lighthouse en la Cumbre de desarrolladores de Chrome 2019.

Elizabeth Sweeny
Elizabeth Sweeny

En la charla Speed Tooling Evolutions de la Chrome Developer Summit (CDS), Paul Ireland y yo presentamos los productos y las funciones más recientes de Google que pueden ayudarte a crear y mantener una experiencia excepcionalmente rápida para todos tus usuarios. En el centro de esa historia, se encuentran las incorporaciones a la familia de herramientas de supervisión del rendimiento de Lighthouse.

Versión alfa de Lighthouse CI

El equipo de Lighthouse lanzó la versión alfa de Lighthouse CI, el nuevo producto de integración continua que te permite ejecutar Lighthouse en cada confirmación antes de enviarla a producción. Lighthouse CI ejecuta Lighthouse varias veces, confirma los umbrales de métricas o de auditorías estáticas y, luego, sube los informes de Lighthouse a un servidor para obtener diferencias visuales y un historial de puntuaciones de categorías básicas. Las configuraciones debudgets.json existentes funcionan sin inconvenientes junto con la nueva sintaxis expresiva para confirmar cualquier resultado de categoría o auditoría de Lighthouse.

Informe de Lighthouse CI.

Lighthouse CI es compatible con Travis CI, Circle CI y GitHub Actions de inmediato, y cualquier servicio de Ubuntu o de CI basado en contenedores con cierta configuración. Puedes instalar el servidor de CI de Lighthouse de forma local o usar una imagen de Docker para una configuración instantánea. El almacenamiento de informes de Lighthouse gratuito, público y temporal está disponible como alternativa para comenzar de inmediato.

Próximamente: Actualizaciones sobre el nivel de rendimiento

Se implementarán cambios en la versión 6 de la puntuación de rendimiento de Lighthouse. En la versión 5 (a partir de noviembre de 2019), Lighthouse tiene cinco métricas que se ponderon y combinaron para formar la puntuación de rendimiento de 0 a 100: First Contentful Paint, Speed Index, First Meaningful Paint, Time to Interactive y First CPU Idle.

Comparación de las fórmulas de puntuación de rendimiento de Lighthouse en las versiones 5 y 6.

Consulta Puntuación de rendimiento de Lighthouse para obtener información detallada.

En la versión 6 de Lighthouse, las métricas nuevas Largest Contentful Paint (LCP) y Total Blocking Time (TBT) reemplazan Primera CPU inactiva (FCI) y Primera pintura significativa (FMP). Las ponderaciones de cada una de las cinco métricas se ajustarán para equilibrar mejor las diferentes fases de las mediciones de interactividad y carga.

El equipo de Lighthouse sigue trabajando para asegurarse de que todas las curvas de puntuación estén optimizadas y de que las métricas estén consolidadas y se hayan probado minuciosamente. Su objetivo es lanzar la puntuación de rendimiento de Lighthouse v6 en enero de 2020.

Paquetes de pila de Lighthouse

Lighthouse puede detectar automáticamente si los sitios usan un framework o un sistema de administración de contenido (CMS) e incluir consejos específicos de la pila en el informe. Los Stack Packs agregan recomendaciones personalizadas, seleccionadas por expertos de la comunidad (como tú), además de las auditorías principales de los informes de Lighthouse.

Recomendación del informe de Lighthouse para diferir las imágenes fuera de pantalla en las aplicaciones de React.

Por el momento, existen paquetes de pila para Angular, WordPress, Magento, React y AMP. Para crear tu propio Stack Pack, visita el repositorio de GitHub o comunícate con el equipo de Lighthouse.

Próximamente: Complementos de Lighthouse como extensiones de Chrome

Ícono del complemento de Lighthouse.

Los complementos de Lighthouse son otra forma de aprovechar la extensibilidad de Lighthouse. Existen muchas verificaciones de calidad que las auditorías principales de Lighthouse no abarcan en la actualidad, ya sea porque solo se aplican a un subconjunto de desarrolladores o porque el equipo aún no tuvo el ancho de banda necesario para crear las auditorías.

Los complementos de Lighthouse permiten que los expertos de la comunidad implementen un nuevo conjunto de verificaciones que Lighthouse puede ejecutar y agregar al informe como una categoría nueva. En este momento, los complementos solo funcionan en la CLI de Lighthouse, pero el objetivo es habilitar su ejecución en el panel Audits de Herramientas para desarrolladores.

Panel Audits de las Herramientas para desarrolladores de Chrome con opciones para ejecutar los complementos de Lighthouse para los anuncios del publicador de Google y la experiencia del usuario.
Complementos de la comunidad en el panel Audits de Herramientas para desarrolladores (beta)

Cuando los usuarios instalan las extensiones del complemento de Lighthouse desde Chrome Web Store, las Herramientas para desarrolladores identifican los complementos instalados y los ofrecen como opción en el panel Audits. El equipo de Lighthouse compilará la compatibilidad con el enfoque del complemento en los próximos meses, así que mantente al tanto. Mientras tanto, puedes crear un complemento hoy mismo como un módulo de nodo y hacer que sea accesible para todos los usuarios de Lighthouse mediante la CLI.

Más información

Para obtener más detalles sobre Lighthouse y otras actualizaciones de herramientas de rendimiento de CDD 2019, mira la charla sobre la evolución de las herramientas de velocidad:

Tus comentarios son muy importantes para mejorar Lighthouse, así que prueba Lighthouse CI, escribe un Stack Pack o crea un complemento de Lighthouse y danos tu opinión.