Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Introducing DynaTrace Ajax@boxersb            Edition
Speed Page Load    Diagnose IE & Firefox Optimize Page Rendering               Javascript/DOM TracingWeb Test Automation  ...
"I don’t think anybrowser has ever had atool capable of this type           "I recommend you give it a           test run ...
Performance Rank
Timeline
PurePath
Network
Hot Spots
See Something
Excessive use of string manipulations                         Manipulations of the DOM          DOM object lookups using C...
Use unique ID when possible            Specify a Tag name if you have to use            the Class Name                    ...
Too many XHR calls
Changing the classname – especially onthe body tag causesthe browser to re-evaluate all elementson the page.Manipulating t...
Reducing Codes and Files            make sure you understand how frameworks            work and optimize it            Foc...
less than 2 javascript files                               less than 20ms execution time per                               ...
Introducing DynaTrace AJAX Edition
Upcoming SlideShare
Loading in …5
×

Introducing DynaTrace AJAX Edition

7,335 views

Published on

Introducing DynaTrace AJAX Edition which to Web Application Performance Management tool.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Introducing DynaTrace AJAX Edition

  1. 1. Introducing DynaTrace Ajax@boxersb Edition
  2. 2. Speed Page Load Diagnose IE & Firefox Optimize Page Rendering Javascript/DOM TracingWeb Test Automation Compare to PeersCapabilities
  3. 3. "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."
  4. 4. Performance Rank
  5. 5. Timeline
  6. 6. PurePath
  7. 7. Network
  8. 8. Hot Spots
  9. 9. See Something
  10. 10. 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?
  11. 11. 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
  12. 12. Too many XHR calls
  13. 13. Changing the classname – especially onthe body tag causesthe browser to re-evaluate all elementson the page.Manipulating the DOM
  14. 14. 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
  15. 15. less than 2 javascript 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+ 8Rank Calculations

×