In diesem kleinem Eintrag möchte ich euch eine Erweiterung für den Chrome Browser vorstellen. Der Name dieser Erweiterung ist: Angular Watcher. Ihr könnte diese Erweiterung im Chrome WebStore zu euerm Chrome hinzufügen.

Diese Erweiterung bietet euch lediglich ein kleines aber sehr nützliches Feature, um eure AngularJS Anwendung zu analysieren. Einmal installiert, könnt Ihr diese über ein neuen Tab in euer Chrome Inspector Leiste erreichen. Habt Ihr den Tab $$Watchers aktiviert, könnt Ihr jederzeit die Anzahl der aktuell aktiven Watcher in euer AngularJS Anwendung verfolgen.

Hiermit könnt Ihr einen sehr guten Überblick über mögliche Performance Probleme in euer Anwendung bekommen. Gerade wenn Ihr eigene komplexe Views schreibt welche viele Watcher registrieren, könnt Ihr hier auch mögliche Hotspots finden und diese optimieren.

Hier mal ein kleines Beispiel wie das aussehen könnte:

Bild



Lerne aus unseren Fehlern! - Besuche unseren Workshop.