The 16 Best Graphs of Velocity 2010: A snapshot of the current web performance landscape

While at Velocity last week, I took in so many sessions and workshops, by the end it felt like data was shooting out my eyeballs. Fortunately, my brain was saved from short-circuiting by the fact that many of the slide decks have been published online for a more leisurely, synapse-friendly review.

In the past week, I’ve spent a fair bit of time going through the presentations and started collecting my favorite performance graphs and charts. It occurred to me that, taken all together, these provide a pretty nifty snapshot of the current state of web performance. Let’s take a quick tour together:

Site Speed and User Behavior

I’ll start with a couple of graphs I created for the 90-Minute Optimization Life Cycle workshop, which I co-presented with Strangeloop‘s VP Product, Hooman Beheshti:

With both of these graphs, you can see the dramatic relationship between landing page speed, bounce rate and pages viewed per visit. But the drama really comes into play in the performance bottom line, conversion:

Hooman and I weren’t the only ones providing solid data on user behavior. Many of our colleagues came with compelling data of their own.

In his presentation Performance Testing: Putting Cloud Customers Back in the Driver’s Seat, Imad Mouline presented this great graph showing that speeding up a page by just 4 seconds decreases abandonment by a whopping 25%:

The Impact of Web Performance on Page Abandonment

User Expectations

These next two graphs demonstrate two important things to remember about web users. First, as Yahoo’s Stoyan Stefanov demonstrated in his Psychology of Performance presentation, for most of us there’s a distinct difference between perceived speed and actual speed. When it comes to web performance, this difference works against us:

Actual versus Perceived Time

But as Lenny Rachitsky showed in his The Upside of Downtime session, even when users’ perception of speed and responsiveness works against you, you can still earn their trust and respect in a crisis, so long as you’re willing to be honest and communicative:

So How Does User Experience Affect Business Metrics?

There were a handful of messages that were threaded throughout many of the presentations and discussions at Velocity. The relationship between performance and the bottom line was one of them. In his excellent Metrics 101 workshop, Sean Power presented some visuals that hammered these points home.

In the short term, Sean used these next two graphs to show the prohibitive costs of downtime, even if your site is unavailable for just one hour:

The real cost of downtime

The real cost of downtime: detail

Over the slightly longer term – a one-week period – Sean shows that as latency increases, conversion rates drop:

Impact of increasing latency on conversion rates

In this next graph, Sean shows the long-term effects of poor performance, which can take years. We can see that a poorly performing website suffers not one but two waves of abandonment, as users spread the word of their poor experience and drive other users away from the site.

Long-term impact of poor performance on user behavior

What Are the Causes of Slow Performance?

There’s no single answer to this question, of course. I’ve addressed this elsewhere (along with some pretty decent graphs, if I do say so). Here are two more to add to the mix.

In the same Metrics 101 workshop, Sean showed this awesome diagram, which pretty much sums up the dialog between a browser and a data center during a typical page request:

Dialog between browser and data center

Further complicating this dialog are the calls to to third-party content providers, such as ads and widgets. Google did a survey of a number of sites, testing their page load time with and without popular third-party widgets. They documented the results on this chart in their session Don’t Let Third Parties Slow You Down:

The Impact of Third-Party Content on Page Load Times

What About the Mobile Web?

In my brief keynote at Velocity, I talked about mobile web use and the fact that, at this point, pretty much all we know is that we don’t know much, but we’d better figure things out quickly because the mobile web is a tidal wave that has not yet even begun to crest. Maximiliano Firtman, in his Mobile Web High Performance session, provided a couple of graphs that illustrate this:

Mobile web use vs the regular internet

Mobile web: market share vs usage

(If anyone out there has some solid data on performance and the mobile web, I’m keeping notes for a future post. Drop me a line in the comments or email me at joshua@webperformancetoday.com.)

And finally, the last pair of graphs…

Practical Planning for Performance

In the last part of his Metrics 101 workshop, Sean offered a realistic step-by-step plan for dev/ops folks to measure performance and outcomes in their organization. He said that if you create only one graph for your site, it should be one that looks like this, which shows the direct impact of page load time on conversions:

Sample graph: The relationship between web page load time and conversions

And because even the most optimized site still goes down from time to time, Lenny shared this excellent, common-sense plan for communicating with your users:

Upside of Downtime: Communication Plan

Have I missed any of your favorite presentations and visuals? Let me know in the comments.

Related posts:

25 thoughts on “The 16 Best Graphs of Velocity 2010: A snapshot of the current web performance landscape

  1. Pingback: Tweets that mention The 16 Best Graphs of Velocity: A snapshot of the current web performance landscape — Web Performance Today -- Topsy.com

  2. Great collection of graphs, presentations and content! I’ve shared this with others and it is something that all Web professionals should have on the tip of their tongue. We have all been spoiled by fast websites and the bar continues to be raised. Nice work.

  3. Pingback: Cheat Sheet: Everything you wanted to know about web performance but were afraid to ask — Web Performance Today

  4. Pingback: UPDATED: Everything you wanted to know about web performance but were afraid to ask — Web Performance Today

  5. Thanks for this consolidation of graphs. This helps to illustrate that as websites become more complex featuring richer applications, reaching a wider audience in newer ways (such as mobile devices), the need for deeper, more insightful web performance metrics will only continue to increase.

  6. Thanks, all. And yeah, Lenny. It was more time-consuming than I expected, but once I started, it became a compulsion, so I had to finish. :)

  7. Could be cool to add stairs chart “Minimum Round Trips To Deliver N Segments” from “TCP and the Lower Bound of Web Performance Presentation”. That one is priceless chart.

  8. Pingback: Performance Impact, Part Two: More findings from the front lines of web acceleration — Web Performance Today

  9. Pingback: The 90-Minute Optimization Life Cycle: “Faster by default” before our eyes? — Web Performance Today

  10. Pingback: Current Web Performance Landscape : Gomez Website Performance Blog

  11. Some interesting graphs there!

    I noticed there is a problem with the downtime losses table – in loss column, for the first 2 rows of data, it has cut off a zero.

  12. @OnlineRSA: Good catch! The problem seems to be with the original slide, unfortunately.

  13. Pingback: Page Test Tools: Which results should you trust? — Web Performance Today

  14. Pingback: Key Considerations For Today's Web Performance | Business Computing World

  15. Pingback: Mobile Web Performance: Desperately seeking data — Web Performance Today

  16. Pingback: Website Optimization Guru Interview: Zac Linford

  17. Pingback: A (somewhat) brief history of the performance landscape | Wang Jun's Blog

  18. Pingback: A Change Of Pace | Synchronium

  19. Pingback: Cheat Sheet: Everything you wanted to know about web performance but were afraid to ask « Web Performance Guru

  20. Pingback: GOOGLE SAYS: FASTER WEBSITES RANK HIGHER AND MAKE MORE MONEY! Learn WHY and HOW! 275 SOLD in 48HS!! | Warrior Forum Special Offers

  21. Pingback: Velocity wrap-up: Mobile, third parties, and browsers — Web Performance Today

  22. Pingback: Jumping in the Velocity Wayback Machine: 9 presentations that are still relevant today

  23. Joshua – great insights as ever! Do you have any evidence that business is tackling poor web performance as a major problem or does this continue to be tackled as one of many priorities in the tech department?

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>