Das Leistungspanel in Chrome DevTools hilft Entwicklern seit fast 15 Jahren, ihre Laufzeitleistung in irgendeiner Form zu messen und zu optimieren. Aus dem Bereich Zeitachse wurde der Bereich „Leistung“, den Sie heute kennen.
In dieser Zeit wurden in Chrome weitere leistungsstarke Produkte und Funktionen eingeführt. Lighthouse wurde 2016 eingeführt, um Optimierungsmöglichkeiten leichter zu erkennen. Der experimentelle Bereich „Leistungsstatistiken“ wurde 2022 veröffentlicht, um neue Möglichkeiten zur Darstellung von Leistungsstatistiken zu testen.
Der Bereich „Leistung“ enthält viele Daten und Funktionen, mit denen Entwickler sich eingehend mit Problemen beim Seitenaufbau und der Laufzeitleistung befassen können. Aber seien wir ehrlich: Es kann schwierig sein, die Funktion zu verwenden und die größten Verbesserungsmöglichkeiten zu erkennen. Außerdem sind andere Tools, die dabei helfen, Unwichtiges zu sortieren und schnell Verbesserungsmöglichkeiten zu erkennen, wie Lighthouse, nicht mehr im Bereich „Leistung“ verfügbar.
Wir möchten es Entwicklern leichter machen, Leistungsprobleme zu erkennen und zu reproduzieren. Deshalb werden wir Funktionen und Erkenntnisse aus Lighthouse und dem Bereich „Leistungsstatistiken“ in den bestehenden Bereich „Leistung“ einbinden. Außerdem legen wir einen Schwerpunkt auf die UX und Nutzerfreundlichkeit, um die Effektivität des Bereichs „Leistung“ als Tool zur Optimierung der Webleistung zu verbessern.
Was ist das Ergebnis? Ein einziges Steuerfeld – einfacher und leistungsfähiger als je zuvor – für alle Leistungsdaten und Statistiken.
Maßnahmen zur Verbesserung der Webleistung noch einfacher
Ihr Feedback bestätigt, dass die hohe Informationsdichte die Usability-Herausforderungen verschärft. Wir arbeiten aktiv an Fehlerkorrekturen und Funktionen, die Ihnen helfen sollen. Wichtige Optimierungsschritte wie die Verbesserung der Core Web Vitals werden mit höchster Priorität behandelt. Wir planen, Funktionen wie Anmerkungen einzuführen, mit denen Sie Ergebnisse markieren und Ihre Erkenntnisse mit Ihren Kollegen teilen können. Wenn Sie Korrelationen in den Daten aufzeigen, können Sie ein komplexes System besser nachvollziehen. So haben Sie mehr Möglichkeiten, die Zusammenhänge zwischen den Daten zu ermitteln, z. B. Netzwerkanfragen an die Haupt-Thread-Aktivität.
Wir werden nach und nach neue Funktionen einführen und alle paar Monate ein Update zu den neuen Funktionen des Panels veröffentlichen. Einen Moment bitte. Bald werden die neuen Funktionen eingeführt.
Die Vorteile von Lighthouse im Bereich „Leistung“
Wir haben festgestellt, dass Entwickler sowohl das Lighthouse- als auch das Leistungspanel verwenden und dass der Kontextwechsel zwischen den beiden eine Herausforderung darstellt. Wenn Sie Maßnahmen zu Lighthouse-Ergebnissen ergreifen möchten, müssen Sie möglicherweise den Bereich „Leistung“ aufrufen, um mehr Kontext zu erhalten. Das ist ärgerlich, da die prägnante Übersicht über die Leistung einer Seite nicht mit den detaillierten Leistungsdaten übereinstimmt.
Wir werden die Leistungsanalyse von Lighthouse über den Bereich „Leistung“ einbinden. Durch diese Integration werden im Steuerfeld „Leistung“ die wichtigsten Möglichkeiten zur Verbesserung der Seitenleistung angezeigt. Außerdem finden Sie dort alle Details, die Sie benötigen, um entsprechende Maßnahmen zu ergreifen.
Nachdem alle Leistungsfunktionen in den Bereich „Leistung“ verschoben wurden, wird das unabhängige Lighthouse-Steuerfeld in DevTools redundant und eingestellt. Die Einstellung des Panels erfolgt erst in der zweiten Jahreshälfte 2025. Lighthouse wird nicht eingestellt.
Lighthouse ist gekommen, um zu bleiben
Das Lighthouse-NPM-Modul und der Lighthouse-Bericht in PageSpeed Insights (einschließlich der PSI API) werden nicht eingestellt. Wir sind weiterhin bestrebt, die Verfügbarkeit und Qualität von Lighthouse als Open-Source-Tool zu verbessern, das in der bevorzugten Umgebung eines Entwicklers zur Bewertung der Seitenleistung verwendet werden kann.
Durch diese Integration können wir sowohl das Leistungspanel als auch die Funktionen von Lighthouse für Entwickler optimieren, die mehr über das Laden, die Reaktionsfähigkeit und die Stabilität von Inhalten erfahren möchten.
Das experimentelle Steuerfeld „Leistungsstatistiken“ wird eingestellt
Der Bereich „Leistungsstatistiken“ wurde als Test eingeführt, um zu sehen, wie wir drei wichtige Probleme besser angehen können: die Informationsdichte des Bereichs „Leistung“ reduzieren, nutzungsorientierte Analysen unterstützen und die Lernkurve für die Verwendung des Bereichs „Leistung“ verkürzen.
Durch das Feedback der Entwickler haben wir viel aus dem Test gelernt. Wir haben festgestellt, dass nutzungsorientierte Analysen – z. B. „Ich möchte die LCP optimieren“ oder „Ich möchte die Seiten für mehr Responsivität optimieren“ – äußerst wertvoll sind und dass Funktionen wie die Layoutänderungen-Funktion die Diagnose und Verbesserung von Messwerten wesentlich vereinfachen.
Die Entwickler fanden das Steuerfeld „Leistungsstatistiken“ außerdem zugänglicher als das Steuerfeld „Leistung“, was zeigt, dass die reduzierte Informationsdichte ansprechend ist. Diese reduzierte Dichte hatte jedoch in vielen Fällen einen Nachteil: Entwickler mussten zum Bereich „Leistung“ wechseln, um die detaillierten Daten zu erhalten, die für Maßnahmen erforderlich waren.
Die Erkenntnisse und viele Funktionen aus dem experimentellen Bereich „Leistungsstatistiken“ werden in den Bereich „Leistung“ integriert. Mithilfe von Funktionen wie der nutzungsorientierten Analyse und Verbesserungen bei der Informationsdichte sowie der Einbindung von Lighthouse können wir Informationen zur Seitenleistung noch besser umsetzen.
Der Test für Leistungsstatistiken wird im Laufe des Jahres 2024 entfernt.
Wo kann ich Feedback geben?
Wir freuen uns über Feedback zu den neuen Funktionen. Wenn Sie Ideen haben, wie wir die hinzugefügten Funktionen verbessern können oder wenn der Ablauf im Steuerfeld unnötig unterbrochen wird, geben Sie uns bitte Bescheid. Wir möchten wissen, was funktioniert, was nicht und was Ihrer Meinung nach verbessert werden kann. Vielen Dank!