More Related Content
Similar to Managing a Website Performance Optimization (WPO) Project
Similar to Managing a Website Performance Optimization (WPO) Project (20)
Managing a Website Performance Optimization (WPO) Project
- 1. Successfully Managing a
Web Performance Optimization Project
A Step-by-Step Guide
Yottaa Inc.
http://www.yottaa.com
© 2012 Yottaa Inc. All Rights Reserved.
- 2. Agenda
Planning Development & Go Live!
• Assess baseline Test • Define SLA goals
• Prioritize • Server-side • Monitor and trend
improvements • Network • Problem notification
• Define scope & • Front End & resolution
methods • Testing
© 2012 Yottaa Inc. All Rights Reserved.
- 3. Planning Development & Go Live!
• Assess baseline Test • Define SLA goals
• Prioritize • Server-side • Monitor and trend
improvements • Network • Problem notification
• Define scope & • Front End & resolution
methods • Testing
© 2012 Yottaa Inc. All Rights Reserved.
- 4. Delivering a Good Experience is Challenging
Data Major Last
CDNs Geography Browsers Users
Centers ISPs Mile
3rd Party Content
Performance Uncertainty
100+ factors can create issues for end-users
© 2012 Yottaa Inc. All Rights Reserved. 4
- 6. Establish a Performance Baseline
“If you cannot measure it,
you cannot improve it.”
Lord Kelvin
© 2012 Yottaa Inc. All Rights Reserved.
- 9. Time to Title
• Time at which the browser is able to
display the title of the site in the title bar.
• The first visual indicator to the user that
the loading process is working.
• Typically, ~1 sec.
© 2012 Yottaa Inc. All Rights Reserved.
- 10. Time to Start Render
• The time at which browser draws the first
visual element of a web page.
• Up to that point, a blank screen high
risk of abandonment if takes too long.
• Typically, ~2 sec.
© 2012 Yottaa Inc. All Rights Reserved.
- 11. Time to Display
• time at which browser has finished
parsing the HTML web page, constructed
the Document Object Model (DOM) and
displayed the HTML document.
• (However, the assets in the document
such as images may not have been
loaded yet.)
• Typically, ~5 sec.
© 2012 Yottaa Inc. All Rights Reserved.
- 12. Time to Interact
• The length of time it took before a user could
interact with the page (type into a field, click on a
link, etc.).
• Typically, ~6 sec.
© 2012 Yottaa Inc. All Rights Reserved.
- 13. Visualizing the User Experience
Page loading screenshots
Video of page loading sequence
© 2012 Yottaa Inc. All Rights Reserved.
- 14. Visualizing the User Experience
Yottaa’s Interactive Waterfall
© 2012 Yottaa Inc. All Rights Reserved.
- 16. Time to Interact
500
100%
450
90%
400
80%
Frequency
350
70%
Cumulative %
300
60%
250
50%
200
40%
150
30%
100
20%
50
10%
0
0%
1 2 3 4 5 6 7 8 9 10 12 14 16 18 20 25 30 35 40 45 50 More
Time to Interact (sec.)
Source: Yottaa measurement of 3,500 websites, Aug. 2012
© 2012 Yottaa Inc. All Rights Reserved.
- 17. A Sample of the Web…
50th percentile 80th percentile 95th percentile
DNS Time (msec) 60 149 413
Connect Time (msec) 144 188 227
Time to First Byte (msec) 533 1,090 2,418
Time to Last Byte (msec) 721 1,412 3,105
Time to Title (msec) 1,259 2,368 4,647
Time to Render (msec) 2,420 4,071 7,160
Time to Display (msec) 5,168 8,780 15,254
Time to Interact (msec) 6,263 10,643 18,494
DOM Elements 281 601 1,224
Domains 6 17 33
Asset Count 47 84 152
Asset Weight (Bytes) 690,779 1,557,812 3,393,192
JS Count 8 19 33
JS Size (Bytes) 119,378 346,852 586,442
CSS Count 3 8 16
CSS Size (Bytes) 18,134 60,265 120,000
Image Count 25 48 87
Image Size (Bytes) 318,788 895,948 2,056,237
Source: Yottaa measurement of 3,500 websites, Aug. 2012
© 2012 Yottaa Inc. All Rights Reserved.
- 20. Why bother?
• Everyone else is not 10 feet away from
your server
• The internet is a dynamic beast
• If you want confidence in your decisions,
you need confidence in your measurements
© 2012 Yottaa Inc. All Rights Reserved.
- 23. Monitoring Solution: A Buyer’s Checklist
Challenges Key Capabilities
• Visibility into site problems 24X7 site monitoring, real-time problem
and in time issue resolutions detection, alerting and diagnosis
• Ensuring Performance Ability to define performance and
and SLA objectives SLA criteria and monitor them
• Ensuring visitors’ See what users see using real
user experience browser testing throughout a global
network
• Understanding mobile and Multivariate testing
web sites’ performance (locations, browsers, connection
speeds, time)
• Issue diagnostics Historical trending and data analysis,
On-demand multivariate testing
• Assessing performance Interactive visualizations (page
problems and impact of new loading screen capture sequence,
code changes waterfall, timing analysis)
© 2012 Yottaa Inc. All Rights Reserved.
- 24. Lots of great monitoring/testing tools
• Gomez
• Keynote
• Yottaa
• Pingdom
• WebSitePulse
• Dotcom-Monitor
• Etc…
© 2012 Yottaa Inc. All Rights Reserved.