HTML5 in der Praxis
Workshop: bessere Performance mit HTML5
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.
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.