• Save
Introducing DynaTrace AJAX Edition
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Introducing DynaTrace AJAX Edition

on

  • 7,250 views

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

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

Statistics

Views

Total Views
7,250
Views on SlideShare
1,766
Embed Views
5,484

Actions

Likes
0
Downloads
0
Comments
0

7 Embeds 5,484

http://frends.kr 5466
http://localhost 9
http://blog.frends.kr 4
http://playground.frends.kr 2
http://qna.frends.kr 1
http://translate.googleusercontent.com 1
http://180.67.206.12 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

Introducing DynaTrace AJAX Edition Presentation Transcript

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