Saltar al contenido principal

Obtenga las últimas actualizaciones y conocimientos de Lighthouse de Chrome Developer Summit 2019.

En el Evoluciones de herramientas de velocidad Hablando en Chrome Developer Summit (CDS), Paul Irish y yo presentamos los productos y funciones más nuevos de Google que pueden ayudarlo a crear y mantener una experiencia excepcionalmente rápida para todos sus usuarios. En el centro de esa historia hay adiciones al Faro familia de herramientas de monitoreo del desempeño.

Lanzamiento alfa de Lighthouse CI

El equipo de Lighthouse ha lanzado la versión alfa de Faro CI el nuevo producto de integración continua que le permite ejecutar Lighthouse en cada compromiso antes de pasar a producción. Lighthouse CI ejecuta Lighthouse varias veces, afirma auditorías estáticas o umbrales métricos, y luego carga los informes de Lighthouse a un servidor para el historial de puntuación de categorías básicas y de diferenciación visual. Las configuraciones de budget.json existentes funcionan a la perfección junto con la nueva sintaxis expresiva para afirmar alguna Resultado de auditoría o categoría de faro.

lighthouse-ci-5777640

Soportes Lighthouse CI Travis CI, Círculo CIy Acciones de GitHub fuera de la caja y cualquier servicio de CI basado en contenedor o Ubuntu con alguna configuración. Puede instalar el servidor Lighthouse CI en las instalaciones o utilizar un imagen de Docker para configuración instantánea. El almacenamiento de informes gratuito, público y temporal de Lighthouse está disponible como una alternativa para comenzar de inmediato.

Próximamente: actualizaciones de la puntuación de rendimiento

¡Se avecinan 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 ponderan y combinan para formar la puntuación de rendimiento de 0-100: Primera pintura con contenido, índice de velocidad, primera pintura significativa, tiempo para interactuar y primera CPU inactiva.

lighthouse-performance-score-8183337

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

En la versión 6 de Lighthouse, las nuevas métricas, la pintura con contenido más grande (LCP) y el tiempo de bloqueo total (TBT), están reemplazando a la primera CPU inactiva (FCI) y la primera pintura significativa (FMP). Los pesos de cada una de las cinco métricas se ajustarán para equilibrar mejor las diferentes fases de las medidas de carga e interactividad.

El cambio de diseño acumulativo (CLS) es otra métrica nueva que aún se está perfeccionando y debería convertirse en parte de la puntuación de rendimiento de Lighthouse con el tiempo.

El equipo de Lighthouse todavía está trabajando para garantizar que todas las curvas de puntuación estén ajustadas y que las métricas estén maduras y se prueben a fondo. Su objetivo es enviar la puntuación de rendimiento de Lighthouse v6 en enero de 2020.

Los ingenieros de rendimiento a veces encuentran que los resultados de las herramientas de velocidad son difíciles de reproducir debido a dos desafíos distintos: la variabilidad y la inconsistencia entre entornos. La variabilidad es el problema de ver que los números cambian incluso cuando el entorno de prueba sigue siendo el mismo. La inconsistencia entre entornos es el problema de obtener resultados diferentes al ejecutar pruebas en la misma página, pero en entornos diferentes (por ejemplo, DevTools y PageSpeed ​​Insights). Si bien el equipo de Lighthouse está trabajando en formas de mitigar la variabilidad, es útil comprender fuentes de variabilidad
y cómo puedes lidiar con eso. El equipo de Lighthouse también está investigando métodos de calibración para reducir las diferencias entre entornos, pero es justo esperar que diferentes condiciones y hardware conduzcan a diferentes medidas, al menos por ahora.

Paquetes de pilas de faro

Lighthouse puede detectar automáticamente si los sitios utilizan un marco o un sistema de gestión de contenido (CMS) e incluir consejos específicos de la pila en el informe. Paquetes de pila agregue recomendaciones personalizadas, seleccionadas por expertos de la comunidad (¡como usted!), además de las auditorías centrales del informe Lighthouse.

lighthouse-stack-packs-9315000

Por el momento, hay Stack Packs para Angular, WordPress, Magento, React y AMP. Para crear su propio paquete de pila, visite el Repositorio de GitHub
o contacta con el equipo de Lighthouse.

Próximamente: complementos de Lighthouse como extensiones de Chrome

lighthouse-plugin-icon-8822461

Complementos de Lighthouse
son otra forma de aprovechar la extensibilidad de Lighthouse. Hay muchos controles de calidad que las auditorías centrales de Lighthouse actualmente no cubren, ya sea porque solo son aplicables a un subconjunto de desarrolladores o porque el equipo aún no ha tenido el ancho de banda para crear las auditorías.

Los complementos de Lighthouse permiten a los expertos de la comunidad implementar un nuevo conjunto de comprobaciones que Lighthouse puede ejecutar y agregar al informe como una nueva categoría. En este momento, los complementos solo funcionan en CLI de Lighthouse, pero el objetivo es permitir su ejecución en DevTools Auditorias panel también.

lighthouse-plugin-devtools-8441532
Complementos de la comunidad en el panel Auditorías de DevTools (beta)

Cuando los usuarios instalan extensiones del complemento Lighthouse desde Tienda virtual de Chrome, DevTools identificará los complementos instalados y los ofrecerá como una opción en el Auditorias panel. El equipo de Lighthouse desarrollará el soporte para el enfoque del complemento en los próximos meses, así que estad atentos. Mientras tanto, puede crear un complemento hoy como módulo de nodejs y hacerlo accesible para todos los usuarios de Lighthouse a través de la CLI.

Aprende más

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

Sus comentarios son invaluables para mejorar Lighthouse, así que continúe y pruebe
Faro CI, escribe un Paquete de pilao crea un Complemento Lighthouse y Haznos saber qué piensas.

R Marketing Digital