ABCs of Webpagetest ( WPT )

ABCs of Webpagetest

( WPT )By Oliver Tse

January 10, 2016

What’s Webpage

test?

2008Patrick Meenan ( and AOL )

give us Webpagetest

Performance through visual progression

Today, it’s not about analysis

Specifically, it’s about how to use WPT

By the end of this talk, you’llPerform authenticated analysis

Compare performance with any page

Create initial, repeat and subsequent views

We’re not going to run through features

Like...

Play with it. Learn.Today, we talk about the

esoteric.

DemoFacebook 1

Facebook 1

You need scripting

You only need to remember a few commands

setCookie and navigateThat’s it!

And...files are tab delimited

Cookie authentication is key

DemoFacebook 2

Facebook 2

“Filmstrip View” is importantYou do most of your analysis

here

Anatomy of “Filmstrip View”1.Filmstrip

2.Asset waterfall

3.CPU - “Browser Main Thread”

4.Visual progress

5.Bar charts

Filmstrip

Asset Waterfall

CPU - “Browser Main Thread”

Visual progress

Timings

requests

Weight

This is a single run. What value is a single run?

The value is in page comparisons

Key concepts1.Each run is unique

2.URL parameter passing

3.Scripting

A typical test1.Run number

2.Initial view

3.Repeat view

4.“Steps”

5.Custom label

Compare tests. Comma separate IDs.

DemoInitial Repeat View

Comparison

Oz Initial

Oz Repeat

Neptune Initial

Neptune Repeat

Facebook Initial

Facebook Repeat

DemoSubsequent Views

Subsequent Views

Subsequent Views

“Be aware…”Runs/tests are always stored on the server

Always make your tests private

Always check “Script includes sensitive data”

Always invalidate your cookie session ( logoff )

Thank You!

Questions? Oliver Tse

otse@linkedin.com

ResourcesScripting

Webpagetest

Test Result Definitions

SpeedIndex Definition