High Performance WebApplication LifecycleAlois Reitbauer, Technology StrategistCompuware
about:me                            Alois Reitbauer           Technology Strategist, Compuware                           @...
We all knowthe “basics”
Trend in Web page size
Continuous   Continuous Integration   Continuous Monitoring
Automated WebPerformance Testing
Automated Test Environment
Ensure tracing is started with your tests <target name="test">  <junit fork="true" haltonfailure="true">   <test name="com...
Configure automatic test result upload -Dcom.dynatrace.diagnostics.ajax.beacon.autoupload= true -Dcom.dynatrace.diagnostic...
Analyze Performance across Builds
Scaling Continuous Integration
Does this really work?
http://www.speedoftheweb.org/report/accf780e-abe2-4aa1-82cc-3dbe5bf4eacb
The Good PartsFor free with functional testsProvides immediate feedbackDetects most common problems                       ...
Continuous Monitoring inProduction
A typical eCommerce Page
... now without external dependencies                                # of       # of      Total     DNS      Connect      ...
How to get this metrics forour users?
onLoad Time Measurement<html> <head> <script type="text/javascript">  var start = new Date().getTime();  function onLoad()...
Resource Time Measurement……<script type="text/javascript"> downloadStart(“myimg”);</script><img src=“./myimg.jpg” onload=“...
W3CPerformanceWorking Group
Web performance specifications• Navigation Timing  Timing Information on Page Loading• Resource Timing  Performance inform...
window.performance.timing.
Works in many browsers   http://blog.dynatrace.com/samples/bookmark.html
window.performance.getEntriesByType(“resource”);
The Good PartsVery detailed timing information“No”effort to get dataEasy to find network-based problems                   ...
Polyfilling for older browsers                          Page Load Time       Resource loading (except JS & CSS)           ...
Cool stuff you can do withthis
CDN Performance Monitoring
Third Party Content Monitoring
Screen size impact on rendering
Putting it all together
33     © 2011 Compuware Corporation — All Rights Reserved
Upcoming SlideShare
Loading in …5
×

The High Performance Web Application Lifecycle

589 views

Published on

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

No Downloads
Views
Total views
589
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide
  • url parameter zumabschalten der einzelnenseitenelemente
  • The High Performance Web Application Lifecycle

    1. 1. High Performance WebApplication LifecycleAlois Reitbauer, Technology StrategistCompuware
    2. 2. about:me Alois Reitbauer Technology Strategist, Compuware @AloisReitbauer alois.reitbauer@compuware.com
    3. 3. We all knowthe “basics”
    4. 4. Trend in Web page size
    5. 5. Continuous Continuous Integration Continuous Monitoring
    6. 6. Automated WebPerformance Testing
    7. 7. Automated Test Environment
    8. 8. Ensure tracing is started with your tests <target name="test"> <junit fork="true" haltonfailure="true"> <test name="com.dynatrace.ajax.selenium.SimpleTest" /> <env key="DT_AE_AGENTACTIVE" value="true" /> <env key="DT_IE_AGENTNAME" value="SimpleTest" /> <env key="DT_IE_SERVERPORT" value="9988" /> </junit> </target>
    9. 9. Configure automatic test result upload -Dcom.dynatrace.diagnostics.ajax.beacon.autoupload= true -Dcom.dynatrace.diagnostics.ajax.beacon.uploadurl= http://localhost:8080/beaconstorage/endpoint/ -Dcom.dynatrace.diagnostics.ajax.beacon.portalurl= http://localhost:8080/beaconstorage/dashboard.html
    10. 10. Analyze Performance across Builds
    11. 11. Scaling Continuous Integration
    12. 12. Does this really work?
    13. 13. http://www.speedoftheweb.org/report/accf780e-abe2-4aa1-82cc-3dbe5bf4eacb
    14. 14. The Good PartsFor free with functional testsProvides immediate feedbackDetects most common problems To keep in mind Timings not necessarily accurate “Real World” Deployment is best Needs cultural support
    15. 15. Continuous Monitoring inProduction
    16. 16. A typical eCommerce Page
    17. 17. ... now without external dependencies # of # of Total DNS Connect Domains Resources Bytes [ms] [ms] With Third Party Content 26 176 2856 Kb 1286,82 1176,09 Without Third Party 2 59 897 Kb 0,91 22,25 Content
    18. 18. How to get this metrics forour users?
    19. 19. onLoad Time Measurement<html> <head> <script type="text/javascript"> var start = new Date().getTime(); function onLoad() { var now = new Date().getTime(); var latency = now - start; alert("page loading time: " + latency); } </script> </head> <body onload="onLoad()"> ……
    20. 20. Resource Time Measurement……<script type="text/javascript"> downloadStart(“myimg”);</script><img src=“./myimg.jpg” onload=“downloadEnd(„myimg‟)” />…..
    21. 21. W3CPerformanceWorking Group
    22. 22. Web performance specifications• Navigation Timing Timing Information on Page Loading• Resource Timing Performance information on individual resources.• User Timing Custom user actions or specific timings e.g.: getting a search result• Performance Timeline Unified API for accessing all this information
    23. 23. window.performance.timing.
    24. 24. Works in many browsers http://blog.dynatrace.com/samples/bookmark.html
    25. 25. window.performance.getEntriesByType(“resource”);
    26. 26. The Good PartsVery detailed timing information“No”effort to get dataEasy to find network-based problems To keep in mind Not supported in older browsers Safari is not supported No JavaScript insight
    27. 27. Polyfilling for older browsers Page Load Time Resource loading (except JS & CSS) also works in Safari Insight into JavaScript executions Browser Error Reporting Merge with “classical” analytics data
    28. 28. Cool stuff you can do withthis
    29. 29. CDN Performance Monitoring
    30. 30. Third Party Content Monitoring
    31. 31. Screen size impact on rendering
    32. 32. Putting it all together
    33. 33. 33 © 2011 Compuware Corporation — All Rights Reserved

    ×