Die Laufzeitleistung gibt an, wie Ihre Seite während der Ausführung im Gegensatz zum Laden funktioniert. In diesem Tutorial erfahren Sie, wie Sie mit dem Bereich „Leistung“ der Chrome-Entwicklertools die Laufzeitleistung analysieren. Im Hinblick auf das RAIL-Modell sind die in dieser Anleitung erworbenen Kenntnisse nützlich, um die Phasen „Antwort“, „Animation“ und „Leerlauf“ Ihrer Seite zu analysieren.
Jetzt starten
In dieser Anleitung verwenden wir das Leistungsbereich, um einen Leistungsengpass auf einer Live-Seite zu finden. So gehts:
- Öffnen Sie Google Chrome im Inkognitomodus. Im Inkognitomodus wird Chrome in einem sauberen Zustand ausgeführt. Wenn Sie beispielsweise viele Erweiterungen installiert haben, können diese die Leistungsmessungen beeinträchtigen.
Laden Sie die folgende Seite in Ihrem Inkognitofenster. Dies ist die Demo, die Sie profilieren werden. Auf der Seite sind viele kleine blaue Quadrate zu sehen, die sich auf und ab bewegen.
https://googlechrome.github.io/devtools-samples/jank/Drücken Sie Befehlstaste + Wahltaste + I (Mac) oder Strg + Umschalttaste + I (Windows, Linux), um die Entwicklertools zu öffnen.