• Save
Managing a Website Performance Optimization (WPO) Project
Upcoming SlideShare
Loading in...5
×
 

Managing a Website Performance Optimization (WPO) Project

on

  • 600 views

 

Statistics

Views

Total Views
600
Views on SlideShare
529
Embed Views
71

Actions

Likes
4
Downloads
0
Comments
0

2 Embeds 71

http://www.yottaa.com 70
http://www.techgig.com 1

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution License

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

Managing a Website Performance Optimization (WPO) Project Managing a Website Performance Optimization (WPO) Project Presentation Transcript

  • Successfully Managing a Web Performance Optimization Project A Step-by-Step GuideYottaa Inc.http://www.yottaa.com© 2012 Yottaa Inc. All Rights Reserved.
  • 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.
  • 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.
  • Delivering a Good Experience is Challenging Data Major Last CDNs Geography Browsers UsersCenters ISPs Mile 3rd Party Content Performance Uncertainty 100+ factors can create issues for end-users© 2012 Yottaa Inc. All Rights Reserved. 4
  • Assessing the Baseline© 2012 Yottaa Inc. All Rights Reserved.
  • Establish a Performance Baseline “If you cannot measure it, you cannot improve it.” Lord Kelvin© 2012 Yottaa Inc. All Rights Reserved.
  • Front End User Experience© 2012 Yottaa Inc. All Rights Reserved.
  • User Experience: Key Metrics© 2012 Yottaa Inc. All Rights Reserved.
  • 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.
  • 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.
  • 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.
  • 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.
  • Visualizing the User ExperiencePage loading screenshots Video of page loading sequence© 2012 Yottaa Inc. All Rights Reserved.
  • Visualizing the User ExperienceYottaa’s Interactive Waterfall© 2012 Yottaa Inc. All Rights Reserved.
  • Visualizing the User Experience© 2012 Yottaa Inc. All Rights Reserved.
  • 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.
  • A Sample of the Web… 50th percentile 80th percentile 95th percentileDNS Time (msec) 60 149 413Connect Time (msec) 144 188 227Time to First Byte (msec) 533 1,090 2,418Time to Last Byte (msec) 721 1,412 3,105Time to Title (msec) 1,259 2,368 4,647Time to Render (msec) 2,420 4,071 7,160Time to Display (msec) 5,168 8,780 15,254Time to Interact (msec) 6,263 10,643 18,494DOM Elements 281 601 1,224Domains 6 17 33Asset Count 47 84 152Asset Weight (Bytes) 690,779 1,557,812 3,393,192JS Count 8 19 33JS Size (Bytes) 119,378 346,852 586,442CSS Count 3 8 16CSS Size (Bytes) 18,134 60,265 120,000Image Count 25 48 87Image Size (Bytes) 318,788 895,948 2,056,237 Source: Yottaa measurement of 3,500 websites, Aug. 2012© 2012 Yottaa Inc. All Rights Reserved.
  • Performance Percentiles: NBCOlympics.com 81% 99.5% 90% No wonder this site 96% 99.6% is slow!© 2012 Yottaa Inc. All Rights Reserved.
  • Statistically Significant Testing© 2012 Yottaa Inc. All Rights Reserved.
  • 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.
  • Variability Across the World Example: Amazon.com© 2012 Yottaa Inc. All Rights Reserved.
  • Geographic Variability (CNN.com)© 2012 Yottaa Inc. All Rights Reserved.
  • 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.
  • Lots of great monitoring/testing tools • Gomez • Keynote • Yottaa • Pingdom • WebSitePulse • Dotcom-Monitor • Etc…© 2012 Yottaa Inc. All Rights Reserved.
  • Continuous Monitoring© 2012 Yottaa Inc. All Rights Reserved.
  • Issue Definitions© 2012 Yottaa Inc. All Rights Reserved.