Zum Hauptinhalt springen




Erhalten Sie die neuesten Lighthouse-Updates und Einblicke vom Chrome Developer Summit 2019.

Beim Speed Tool Evolutions 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 Leuchtturm Familie von Tools zur Leistungsüberwachung.

Lighthouse CI Alpha Release

Das Lighthouse-Team hat die Alpha-Version von veröffentlicht CI Scheinwerfer 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 Server 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 etwas Prüfungsergebnis oder Leuchtturmkategorie.

Leuchtturm-ci-5777640

Leuchtturm CI steht Travis CI, CI-Kreisy GitHub-Aktionen Out-of-the-Box und jeder Container oder Ubuntu-basierte CI-Dienst mit einer gewissen Konfiguration. Sie können den Lighthouse CI-Server vor Ort installieren oder a verwenden Docker-Image für die sofortige Einrichtung. Der kostenlose, öffentliche und temporäre Berichtsspeicher von Lighthouse ist als Alternative verfügbar, um sofort loszulegen.

In Kürze erhältlich: Aktualisierungen der Leistungsbewertung

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

Leuchtturm-Performance-Score-8183337

Ausführliche Informationen finden Sie unter Lighthouse Performance Score.

In Lighthouse Version 6 ersetzen die neuen Metriken Paint with Largest Content (LCP) und Total Block Time (TBT) die First Idle CPU (FCI) und First Significant Paint (FMP). Die Gewichte für jede der fünf Metriken werden angepasst, um die verschiedenen Phasen der Last- und Interaktivitätsmessungen besser auszugleichen.

Cumulative Design Change (CLS) ist eine weitere neue Metrik, die noch weiterentwickelt wird und im Laufe der Zeit Teil des Lighthouse-Leistungsfaktors werden sollte.

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

Leistungsingenieure finden es manchmal schwierig, die Ergebnisse von Schnellwerkzeugen zu reproduzieren, da zwei unterschiedliche Herausforderungen bestehen: Variabilität und Inkonsistenz zwischen Umgebungen. Variabilität ist das Problem, wenn sich die Zahlen ändern, auch wenn die Testumgebung gleich bleibt. Inkonsistenzen zwischen Umgebungen sind das Problem, unterschiedliche Ergebnisse zu erhalten, wenn Tests auf derselben Seite ausgeführt werden, jedoch in unterschiedlichen Umgebungen (z. B. DevTools und PageSpeed ​​Insights). Während das Lighthouse-Team an Möglichkeiten arbeitet, die Variabilität zu verringern, hilft es zu verstehen Quellen der Variabilität
y Wie können Sie damit umgehen?. 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.

Scheinwerfer-Akkus

Lighthouse kann automatisch erkennen, ob Websites ein Framework oder ein Framework verwenden Content Management System (CMS) und stapelspezifische Tipps in den Bericht aufnehmen. Stapelpackungen Fügen Sie personalisierte Empfehlungen hinzu, die von Community-Experten (wie Sie!) handverlesen wurden, sowie Kernprüfungen für Leuchtturmberichte.

Leuchtturm-Stack-Packs-9315000

Por el momento, hay Stack Packs para Angular, WordPress, Magento, React y AMPERE. Para crear su propio paquete de pila, visite el GitHub-Repository
oder Wenden Sie sich an das Lighthouse-Team.

In Kürze erhältlich: Lighthouse-Plugins als Chrome-Erweiterungen

Leuchtturm-Plugin-Symbol-8822461

Leuchtturm Plugins
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 Sein 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.

Mit Lighthouse-Plugins können Community-Experten eine Reihe neuer Überprüfungen implementieren, die Lighthouse ausführen und dem Bericht als neue Kategorie hinzufügen kann. Derzeit funktionieren Plugins nur Leuchtturm CLIDas Ziel ist jedoch, die Ausführung in DevTools zu ermöglichen Audits Panel auch.

Leuchtturm-Plugin-devtools-8441532
Community-Plugins im DevTools Audits-Bereich (Beta)

Wenn Benutzer Lighthouse-Plugin-Erweiterungen von installieren Virtueller Chrome StoreDevTools identifiziert die installierten Plugins und bietet sie als Option in der an Audits Panel. Das Lighthouse-Team wird in den kommenden Monaten Unterstützung für den Plugin-Ansatz entwickeln. Bleiben Sie also auf dem Laufenden! In der Zwischenzeit können Sie heute ein Plugin als NodeJS-Modul erstellen und es allen Lighthouse-Benutzern über die CLI zugänglich machen.

Mehr erfahren

Weitere Informationen zu Lighthouse und anderen Aktualisierungen des CDS 2019-Leistungstools finden Sie im Vortrag über die Entwicklung von Geschwindigkeitstools:

Ihr Feedback ist von unschätzbarem Wert, um Lighthouse besser zu machen. Probieren Sie es aus
CI Scheinwerfer, Schreib ein Stapelpackungoder erstellen Sie eine Leuchtturm Plugin y Lass uns wissen Was denken Sie.