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

6,879

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
6,879
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 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

    ×