computerwoche.de

Web

HTML5 in der Praxis

Bessere Performance mit HTML5

11.04.2011
Von Sven Hähle

Methode 2: DOM-Profiling

Die Google-Chrome-Web-Inspector/Developer-Tools bieten die "Timeline View". Diese Ansicht stellt den zeitlichen Ablauf aller Aktionen dar, die vom Browser ausgeführt werden.

Die dynaTrace Ajax Editions sind eine kostenlose Erweiterung für den Internet Explorer: Sie ermöglichen das DOM-Profiling auf komfortable Art und Weise. Die Website erklärt das Arbeiten dynaTrace genau und bietet den Download-Link an.
Die dynaTrace Ajax Editions sind eine kostenlose Erweiterung für den Internet Explorer: Sie ermöglichen das DOM-Profiling auf komfortable Art und Weise. Die Website erklärt das Arbeiten dynaTrace genau und bietet den Download-Link an.

Diese Informationen können Sie nutzen, um DOM-Operationen zu optimieren. Ziel sollte sein, die Anzahl der Operationen zu verringern, die der Browser auszuführen hat.

Weil die "Timeline View" schnell sehr unübersichtlich werden kann, bietet es sich an, beim DOM-Profiling einzelne Teile der Applikation getrennt zu betrachten. Mehr Informationen zur "Timeline View" erhalten Sie in dieser Beschreibung der Chrome-Developer-Tools. Ein alternatives Tool für das DOM-Profiling im Internet Explorer ist DynaTrace Ajax Edition.