Passer au contenu principal




Obtenez les dernières mises à jour et informations de Lighthouse du Chrome Developer Summit 2019.

Dans le Évolutions des outils de vitesse 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 Phare famille d'outils de suivi des performances.

Version alpha de Lighthouse CI

L'équipe Lighthouse a publié la version alpha de Phare 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 serveur 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 quelque Résultat de l'audit ou catégorie de phare.

phare-ci-5777640

Pieds de phare CI Travis CI, Cercle CIy Actions GitHub prêt à l'emploi et tout conteneur ou service CI basé sur Ubuntu avec une certaine configuration. Vous pouvez installer le serveur Lighthouse CI sur site ou utiliser un image docker pour une configuration instantanée. Le stockage gratuit, public et temporaire des rapports de Lighthouse est une alternative pour commencer immédiatement.

Prochainement: mises à jour des scores de performance

¡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 Contenu, índice de velocidad, primera pintura significativa, tiempo para interactuar y primera CPU inactiva.

score-performance-phare-8183337

Voir le score de performance du phare pour des informations détaillées.

Dans la version 6 de Lighthouse, les nouvelles mesures, Paint with Largest Content (LCP) et Total Block Time (TBT), remplacent le First Idle CPU (FCI) et le First Significant Paint (FMP). Les poids de chacune des cinq mesures seront ajustés pour mieux équilibrer les différentes phases des mesures de charge et d'interactivité.

Le changement de conception cumulatif (CLS) est une autre nouvelle métrique qui est encore en cours de raffinement et devrait faire partie du score de performance de Lighthouse au fil du temps.

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 objectif es enviar la puntuación de rendimiento de Lighthouse v6 en enero de 2020.

Les ingénieurs de performance trouvent parfois les résultats des outils de vitesse difficiles à reproduire en raison de deux défis distincts: la variabilité et l'incohérence entre les environnements. La variabilité est le problème de voir les nombres changer même lorsque l'environnement de test reste le même. L'incohérence entre les environnements est le problème d'obtenir des résultats différents lors de l'exécution de tests sur la même page, mais dans des environnements différents (par exemple, DevTools et PageSpeed ​​Insights). Alors que l'équipe Lighthouse travaille sur des moyens d'atténuer la variabilité, elle aide à comprendre sources de variabilité
y comment pouvez-vous y faire face. 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 Matériel conduzcan a diferentes medidas, al menos por ahora.

Packs de batterie de phare

Lighthouse peut détecter automatiquement si les sites utilisent un framework ou un système de gestion de contenu (CMS) et incluez des astuces spécifiques à la pile dans le rapport. Packs de pile ajoutez des recommandations personnalisées, triées sur le volet par des experts de la communauté (comme vous!), ainsi que des audits de rapport de base de Lighthouse.

phares-pile-packs-9315000

Por el momento, hay Stack Packs para Angular, WordPress, Magento, React y AMP. Para crear su propio paquete de pila, visite el Dépôt GitHub
ou contacter l'équipe Lighthouse.

Prochainement: les plugins Lighthouse en tant qu'extensions Chrome

icône-plugin-phare-8822461

Plugins de phare
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 être 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.

Les plugins Lighthouse permettent aux experts de la communauté de mettre en œuvre un nouvel ensemble de vérifications que Lighthouse peut exécuter et ajouter au rapport en tant que nouvelle catégorie. Pour le moment, les plugins ne fonctionnent que sur CLI du phare, mais le but est de permettre son exécution dans DevTools Audits panneau aussi.

phare-plugin-devtools-8441532
Plugins de communauté dans le panneau Audits DevTools (version bêta)

Lorsque les utilisateurs installent les extensions de plug-in Lighthouse à partir de Boutique virtuelle Chrome, DevTools identifiera les plugins installés et les proposera en option dans le Audits panneau. L'équipe Lighthouse développera la prise en charge de l'approche plug-in dans les mois à venir, alors restez à l'écoute! En attendant, vous pouvez créer un plugin aujourd'hui en tant que module nodejs et le rendre accessible à tous les utilisateurs de Lighthouse via la CLI.

Apprendre encore plus

Pour plus de détails sur Lighthouse et les autres mises à jour des outils de performance CDS 2019, regardez la discussion sur l'évolution des outils de vitesse:

Vos commentaires sont inestimables pour améliorer Lighthouse, alors allez-y et essayez-le
Phare CI, écrire un Pack de pileou créez un Plugin phare y Faites le nous savoir que penses-tu.