Introducing DynaTrace AJAX Edition

Introducing DynaTrace AJAX Edition

• 1.
  Introducing DynaTrace Ajax @boxersb Edition
• 2.
  Speed Page Load Diagnose IE & Firefox Optimize Page Rendering Javascript/DOM TracingWeb Test Automation Compare to Peers Capabilities
• 3.
  "I don’t thinkany browser has ever had a tool capable of this type "I recommend you give it a test run and add it to your performance tool kit."
• 4.
  Performance Rank
• 5.
  Timeline
• 6.
  PurePath
• 7.
  Network
• 8.
  Hot Spots
• 9.
  See Something
• 10.
  Excessive use ofstring manipulations Manipulations of the DOM DOM object lookups using CSS Selectors Problematic 3rd party javascript libraries Too many or long running XHR calls What makes Slow Down?
• 11.
  Use unique IDwhen 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 Size Slow CSS Selector
• 12.
  Too many XHRcalls
• 13.
  Changing the class name– especially on the body tag causes the browser to re- evaluate all elements on the page. Manipulating the DOM
• 14.
  Reducing Codes andFiles make sure you understand how frameworks work and optimize it Focus on long running JavaScript blocks and long running methods Recommendations and Savings
• 15.
  less than 2javascript files 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+ 8 Rank Calculations