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

Dans le Évolutions des outils de vitesse S'exprimant lors du Chrome Developer Summit (CDS), Paul Irish et moi avons présenté les derniers produits et fonctionnalités de Google qui peuvent vous aider à créer et à maintenir une expérience exceptionnellement rapide pour tous vos utilisateurs. Au centre de cette histoire se trouvent des ajouts à la 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 serveurLos servidores son ordenadores centrales y potentes dentro del campo de la tecnología de la información que procesan y proporcionan software y archivos en una red. Desde el punto de vista de un cliente, varios ordenadores en una red pueden ponerse en contacto con el servidor central para conseguir la información solicitada. En la arquitectura cliente-servidor, el servidor puede ser un software que proporciona un servicio y se ejecuta en Suite 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 ContenuEl contenido puede ser muy difícil de definir con precisión. Es una definición que se refiere a las declaraciones contenidas en un documento o publicación de cualquier tipo y puede incluir las tecnologías de la información y la comunicación. Esto cubre todos los tipos de medios como imágenes y texto. A parte de esto, en el campo de la optimización de motores de búsqueda, los términos duplicar contenido, contenido único, Suite, í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¿Qué es un objetivo?En marketing, un objetivo es el resultado que se pretende alcanzar en un periodo de tiempo, a través el uso de los recursos disponibles. Por tanto, se debe formular de una forma clara y hace falta que sea accesible y medible. Suite 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érielEn informática, el término hardware se refiere a cualquier componente de un sistema informático que sea un objeto físico real, al contrario que el software que existe en forma digital. Esto incluye el disco duro y las unidades incorporadas, es decir, todos los componentes que son "duros", de ahí su nombre. Desarrollo El desarrollo del hardware informático comienza con la creación de los primeros ordenadores y tiene su verdadero origen Suite 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, WordPressWordPress es el software de blogs líder en el mundo, y es concretamente fácil de utilizar y adaptable. Con WordPress, es factible crear con éxito sitios web con la ayuda de funciones ya predefinidas, sin mucho esfuerzo, y para proporcionar contenido como texto, imagen y vídeo. No se requiere conocimiento de HTML. WordPress además facilita la gestión y el mantenimiento de contenidos extensos. Al mismo tiempo de su fácil manejo, Suite, MagentoConcepto de Magento¿Qué es Magento?Magento es una plataforma elaborada con código abierto que se ha posicionado como una de las grandes favoritas dentro del sector del ecommerce junto con Woocommerce y Prestashop. Es un sistema que facilita la elaboración de tiendas online, permitiendo crear plataformas de compras y controlar tanto el aspecto como las funciones y características de una web destinada al comercio.Su radio de acción trasciende de eso. Esta plataforma Suite, React y AMPConcepto de AMP¿Qué es el AMP o Accelerated Mobile Pages?El AMP, abreviatura de Accelerated Mobile Pages, es una propuesta que empezó a tomar forma en el año 2016 con la finalidad de mejorar la usabilidad, lectura y, en general, la experiencia de los usuarios de teléfono celular dentro de cualquier página web. Emprendida por Google con un aperturismo total (es de código abierto), lleva en activo desde entonces para facilitar Suite. 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
ils sont une autre façon de profiter de l'extensibilité de Lighthouse. Il existe de nombreux contrôles de qualité que les audits de base de Lighthouse ne couvrent actuellement pas, soit parce qu'ils ne s'appliquent qu'à un sous-ensemble de développeurs, soit parce que l'équipe n'a pas encore la bande passante pour créer les audits.

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.