Broadening Our

Perspective on Web

Performance

From Network Latency to User

Experience Timings

Vik Chaudhary, EVP Products and Corpdev

@vikchaudhary

The state of web performance today

…is that Operations teams rely on

clean-room measurements

Using geographically distributed measurement agents

…managed by commercial measurement companies

and free services

…using reliable network connections

on the Internet backbone and

at last mile locations

…to run synthetic (“active”) tests

on web pages

from multiple locations

…and measure response time and availability

for a page or transaction

It’s time to step up our game

Next generation Operations teams…

…are broadening their perspective on

web performance monitoring

…and measuring the user experience,

not just the network latency

3 secs2,500 msec

The questions being asked today…

…are not: “What is the network latency of all resources

on a page?”

Instead “When does the user actually see something

other than a blank browser?”

“How long until the page loads above the fold on a

user’s browser?”

August 16, 2012

“How long before users can click a link,

scroll the bar, or swipe the page?”

“What is the elapsed time for a page, including browser

execution time?”

Time

to First

Paint

Time

to Full

Screen

Time to

Interactive

Page

User

Experience

Time

User Experience Metrics

How do websites across industries rate?

Retail

Social Networks

News

0 1s 2s 3s 4s 5s

Time to

First PaintTime to

Interactive PageUser Experience

Time

Travel

Social Retail

Entertainment

0 1s 2s 3s 4s 5s

Gaming

Time to

First PaintTime to

Interactive PageUser Experience

Time

Time to First Paint is over 1s on average

Wait a Second

No, that’s too long

That’s 4 blinks of your eye

How do you measure

user experience for your website?

Your browser is talking to you

…in a language called Web Timings

Web (Navigation) Timing Attributes

You could program it on your website…

function onLoad() {

var now = new Date().getTime();

var perceived_latency = now - performance.timing.navigationStart;

}

Call Four Different APIs…

Navigation

Timing API

Resource

Timing API

User

Timing API

Performance

Timeline

API

…handle storage, compliance, and reporting

Or, let Google give you real user

performance statistics

Keynote delivers the industry’s first

clean-room user experience

monitoring data

Combining Clean Room

and

Real User Measurements

Web Performance. Reimagined.