Neue Funktionen für Webkits Web Inspector

Timeline, Audits und dedizierte Konsole

Der Web Inspector des Webkit-Projekts wartet in der aktuellen Entwicklerversion mit zahlreichen Neuerungen auf. Mit dabei sind drei neue Panels: Timeline, Audits und Dedicated Console. Bestehende Funktionen wurden erweitert.

Die neuen Funktionen des Web Insepctor finden sich sowohl in den aktuellen Nightly Builds von Webkit als auch in den Entwicklerversionen von Googles Chrome.

Timeline-Panel zeigt, was der Browser wann macht

Das neue Timeline-Panel zeigt detailliert an, wann ein Browser was macht, angefangen beim Parsen von HTML, über das Berechnen von Styles bis hin zum Zeichnen auf den Bildschirm. Die für einen Entwickler interessanten Abschnitte kann er sich vergrößert anzeigen lassen, um herauszufinden, wie er seine Applikation im Detail optimieren kann. Es wird auch angezeigt, welche Aktionen durch ein Ereignis ausgelöst werden und wie viel Zeit auf die einzelnen Verarbeitungsschritte entfällt.

Audits im Web Inspector

Eine Übersicht zeigt aggregiert Informationen zu den drei aufgezeichneten Kategorien: Loading, Scripting und Rendering. Jede davon kann mit Filtern versehen werden. Zum besseren Überblick können zudem kurze Einträge, also solche für Aktionen, die weniger als 15 ms dauern, ausgeblendet werden.

Audits-Panel für Plausibilitätsprüfungen

Das Audits-Panel führt einige Plausibilitätsprüfungen für eine Seite durch. Ausgehend vom Audit Launcher Panel werden die durchzuführenden Prüfungen ausgewählt. Anschließend lädt der Inspector die Seite gegebenenfalls neu und analysiert sie. So sollen sich nicht benutzte Ressourcen aufspüren, das Caching optimieren und die Zahl der pro Domain zu ladenden Ressourcen optimieren lassen. Künftig sollen Entwickler eigene Prüfungen ergänzen können, beispielsweise in den Bereichen Browsing, Sicherheit und statische Codeanalyse.

Die Konsole bekommt ein eigenes, dediziertes Panel, was ihr vor allem mehr Platz verschaffen soll.