Introducing DynaTrace AJAX Edition

Introducing DynaTrace Ajax@boxersb Edition

Speed Page Load Diagnose IE & Firefox Optimize Page Rendering Javascript/DOM TracingWeb Test Automation Compare to PeersCapabilities

"I don’t think anybrowser has ever had atool capable of this type "I recommend you give it a test run and add it to your performance tool kit."

Performance Rank

Timeline

PurePath

Network

Hot Spots

See Something

Excessive use of string manipulations Manipulations of the DOM DOM object lookups using CSS Selectors Problematic 3rd party javascript libraries Too many or long running XHR callsWhat makes Slow Down?

Use unique ID when possible Specify a Tag name if you have to use the Class Name $(“ .active-panel”) -> $(“ div.active-panel”) Specify a parent context $(“ div.active-panel”) -> $(“div.active-panel”, $(“#wrap”)) Cache Lookup Results for(var i=0;i<10;i++) $(“div.active-panel”, $ (“#wrap”)).doSomething(); <- var wrap = $(“#wrap”), actives = $(“div.active-panel”, wrap); for(var i=0;i<10;i++) actives.doSomething(); Reduce the DOM SizeSlow CSS Selector

Too many XHR calls

Changing the classname – especially onthe body tag causesthe browser to re-evaluate all elementson the page.Manipulating the DOM

Reducing Codes and Files make sure you understand how frameworks work and optimize it Focus on long running JavaScript blocks and long running methodsRecommendations and Savings

less than 2 javascript ﬁles less than 20ms execution time per <script>connection limits Browser less than 5 XHR Calls at the same time HTTP 1.1 IE 6,7 2 IE 8 6 Firefox 3+ 6 Chrome 4+ 6 iPhone 4 4 Opera 10.5+ 8Rank Calculations

http://frends.kr	5143
http://localhost	5
http://blog.frends.kr	3
http://playground.frends.kr	2
http://qna.frends.kr	1
http://translate.googleusercontent.com	1

Introducing DynaTrace AJAX Edition

by boxersb on Aug 05, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

6 Embeds 5,155

Statistics

Introducing DynaTrace AJAX Edition — Presentation Transcript