Designing for and Managing
                                                             Performance in the New
           ...
Agenda

           Performance Management Is Changing

           Performance Management Best Practices

           Web 2....
Performance Management
                                                             Is Changing




©2009 Keynote Systems,...
Performance Management Is Changing
         End-User Experience                                                           ...
The Browser as a “Platform”




©2009 Keynote Systems, Inc. Keynote & Client Confidential.   5
Complexity is Increasing




©2009 Keynote Systems, Inc. Keynote & Client Confidential.   6
Complexity is Increasing

        Domains
                 1 -2             5-10
        Third Party Content
             ...
Working Slide



 The Application Lives Everywhere

        The “Cloud” – Web services, distributed data
        centers/i...
The Application Life Cycle On “Red Bull”




                                                                Quality
     ...
Increased User Expectations

        The Internet has become a utility
                 Always on, always responsive

    ...
Performance Management
                                                             Best Practices




©2009 Keynote Syste...
Performance Management Best Practices

        Test at every stage in
        application lifecycle –
        build with t...
Key Metrics – Pre Launch

        Average download times
        Per element performance
        Client side processing   ...
Key Metrics – In Production

        Performance
         -average versus target                                 Quality
 ...
Total Site Quality Framework
                                                                                      Health ...
Web 2.0 Performance
                                                             Challenges




©2009 Keynote Systems, Inc...
IE 7.0
 Challenge 1 – Java Script
        Java Script
        Use, Placement
        and Browser
        Threading
       ...
Download Time




                                                                                                        ...
Flash Initialization




                        Client Side Processing is Typically Ignored By Performance
              ...
JS and CSS Rendering




                                  Tip: Identify and Reduce Client Side Processing
©2009 Keynote S...
Challenge 3 – Third Party Quality
                                                               Third Party Call Blocking...
Challenge 4 – Web Service Performance




                                             Tip: Establish SLAs with Web Servic...
Challenge 5 – Flash Performance
                                                                       Flash Elements Down...
Don’t Forget The Basics
        Reduce Round Trips
                 CSS Sprites
                 HTTP Keep Alive
         ...
Don’t Forget The Basics


                                   Measure, Measure and Measure




©2009 Keynote Systems, Inc. ...
How to reach me

            Ben Rushlo
                                                                                  ...
Upcoming SlideShare
Loading in …5
×

Performance Management In The New Frontier Of Rich Internet Applications

1,338 views

Published on

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

No Downloads
Views
Total views
1,338
On SlideShare
0
From Embeds
0
Number of Embeds
29
Actions
Shares
0
Downloads
28
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Performance Management In The New Frontier Of Rich Internet Applications

  1. 1. Designing for and Managing Performance in the New Frontier of Rich Internet Applications Ben Rushlo Director, Web Performance Consulting ©2009 Keynote Systems, Inc. Keynote & Client Confidential.
  2. 2. Agenda Performance Management Is Changing Performance Management Best Practices Web 2.0 Performance Challenges Real-Time Testing from the Cloud ©2009 Keynote Systems, Inc. Keynote & Client Confidential. 2
  3. 3. Performance Management Is Changing ©2009 Keynote Systems, Inc. Keynote & Client Confidential.
  4. 4. Performance Management Is Changing End-User Experience The Internet Application Performance no longer just depends is influenced technologies used on: are not only: not just by: HTML,CSS,HTTP Content Delivery Connection Speed JavaScript, Servlets But More But More But More Rich Interactive Application AJAX, Video, SOA, Experiences Design XML, Flash ©2009 Keynote Systems, Inc. Keynote & Client Confidential. 4
  5. 5. The Browser as a “Platform” ©2009 Keynote Systems, Inc. Keynote & Client Confidential. 5
  6. 6. Complexity is Increasing ©2009 Keynote Systems, Inc. Keynote & Client Confidential. 6
  7. 7. Complexity is Increasing Domains 1 -2 5-10 Third Party Content 1-2 requests per page 10 30 requests per page Page Sizes 100-300K 300K – 2MB Languages HTML, limited JS and CSS Multiple JS and CSS per page (XML, Flash, Flex etc) Hosting Single location Hybrid (Cloud) ©2009 Keynote Systems, Inc. Keynote & Client Confidential. 7
  8. 8. Working Slide The Application Lives Everywhere The “Cloud” – Web services, distributed data centers/infrastructure, content delivery network etc ©2009 Keynote Systems, Inc. Keynote & Client Confidential. 8
  9. 9. The Application Life Cycle On “Red Bull” Quality Analysis IT Operations Web Development ©2009 Keynote Systems, Inc. Keynote & Client Confidential. 9
  10. 10. Increased User Expectations The Internet has become a utility Always on, always responsive The competition is raising the bar Even if it is not your direct competition 8s 4s 2s ? The Web 2.0 model changes expectations Users are not simply “viewing content”, instead they are interacting, using applications Increases expectations for “site” to perform as a desktop app 1s or less might become the new rule ©2009 Keynote Systems, Inc. Keynote & Client Confidential. 10
  11. 11. Performance Management Best Practices ©2009 Keynote Systems, Inc. Keynote & Client Confidential.
  12. 12. Performance Management Best Practices Test at every stage in application lifecycle – build with the user in mind Test from the cloud – where your users are Test with a real browser – what your users use Capture the right metrics – what impacts your user ©2009 Keynote Systems, Inc. Keynote & Client Confidential. 12
  13. 13. Key Metrics – Pre Launch Average download times Per element performance Client side processing Quality Analysis Variability – over geography IT Web service performance Operations Web Pre render vs. render time Development Network vs. Application vs. Content Page Construction There no longer is a way to approximate technical quality from inside the data center ©2009 Keynote Systems, Inc. Keynote & Client Confidential. 13
  14. 14. Key Metrics – In Production Performance -average versus target Quality Analysis Availability – errors and outages IT Operations Variability Web Development – throughout day and overall Third-Party Quality Trends and Events ©2009 Keynote Systems, Inc. Keynote & Client Confidential. 14
  15. 15. Total Site Quality Framework Health Report Tip: Avoid Pet Metrics ©2009 Keynote Systems, Inc. Keynote & Client Confidential. 15
  16. 16. Web 2.0 Performance Challenges ©2009 Keynote Systems, Inc. Keynote & Client Confidential.
  17. 17. IE 7.0 Challenge 1 – Java Script Java Script Use, Placement and Browser Threading Javascript files load one file at a time None of these images were downloaded to the browser until 2.4 seconds into a 2.8 second page load Tip: Minimize, Combine, Move Down External JS ©2009 Keynote Systems, Inc. Keynote & Client Confidential. 17
  18. 18. Download Time 0 1 2 3 4 5 6 7 8 9 UPS Live Travelocity Wikipedia Sprint HotJobs Career Builder Disney Fidelity Yellow Pages ©2009 Keynote Systems, Inc. Keynote & Client Confidential. Google AT&T Orbitz Merrill Lynch MSN eBay Ask 40 Typical Home Pages CNN Expedia Time On Netw ork AOL Bank Of America Symantic Facebook Ticketmaster NY Times client side processing Apple Hewlett-Packard Client Side Processing Amazon CBS Sportsline Verizon Yahoo USA Today Dell Walmart Challenge 2 – Client Side Processing Priceline.com MSNBC Weather.com Charles Schwab Half of the Home Pages show over 20% of their total download in FedEx Monster 18
  19. 19. Flash Initialization Client Side Processing is Typically Ignored By Performance Management ©2009 Keynote Systems, Inc. Keynote & Client Confidential. 19
  20. 20. JS and CSS Rendering Tip: Identify and Reduce Client Side Processing ©2009 Keynote Systems, Inc. Keynote & Client Confidential. 20
  21. 21. Challenge 3 – Third Party Quality Third Party Call Blocking Visual Content Tip: Place Third Party Content in Footer and Track Quality ©2009 Keynote Systems, Inc. Keynote & Client Confidential. 21
  22. 22. Challenge 4 – Web Service Performance Tip: Establish SLAs with Web Services and Measure Directly ©2009 Keynote Systems, Inc. Keynote & Client Confidential. 22
  23. 23. Challenge 5 – Flash Performance Flash Elements Download Quickly, Time on Client Significant Tip: Balance Size with Number of SWF Files ©2009 Keynote Systems, Inc. Keynote & Client Confidential. 23
  24. 24. Don’t Forget The Basics Reduce Round Trips CSS Sprites HTTP Keep Alive Comprehensive Caching Strategy Improve Third Party Quality SLA Place Smartly Move Content Closer Content Delivery Networks Watch Content Size Enforce Standards ©2009 Keynote Systems, Inc. Keynote & Client Confidential. 24
  25. 25. Don’t Forget The Basics Measure, Measure and Measure ©2009 Keynote Systems, Inc. Keynote & Client Confidential. 25
  26. 26. How to reach me Ben Rushlo (623) 547-7068 ben.rushlo@keynote.com http://www.linkedin.com/in/benrushlo ©2009 Keynote Systems, Inc. Keynote & Client Confidential. ©2008 Keynote Systems, Inc. Keynote & Client Confidential. 26

×