abcs of webpagetest ( wpt )

61
ABCs of Webpagetest ( WPT ) By Oliver Tse January 10, 2016

Upload: oliver-tse

Post on 20-Feb-2017

42 views

Category:

Software


0 download

TRANSCRIPT

Page 1: ABCs of Webpagetest ( WPT )

ABCs of Webpagetest

( WPT )By Oliver Tse

January 10, 2016

Page 2: ABCs of Webpagetest ( WPT )

What’s Webpage

test?

Page 3: ABCs of Webpagetest ( WPT )

2008Patrick Meenan ( and AOL )

give us Webpagetest

Page 4: ABCs of Webpagetest ( WPT )

Performance through visual progression

Page 5: ABCs of Webpagetest ( WPT )

Today, it’s not about analysis

Page 6: ABCs of Webpagetest ( WPT )
Page 7: ABCs of Webpagetest ( WPT )

Specifically, it’s about how to use WPT

Page 8: ABCs of Webpagetest ( WPT )

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

Compare performance with any page

Create initial, repeat and subsequent views

Page 9: ABCs of Webpagetest ( WPT )

We’re not going to run through features

Like...

Page 10: ABCs of Webpagetest ( WPT )
Page 11: ABCs of Webpagetest ( WPT )
Page 12: ABCs of Webpagetest ( WPT )
Page 13: ABCs of Webpagetest ( WPT )

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

esoteric.

Page 14: ABCs of Webpagetest ( WPT )
Page 16: ABCs of Webpagetest ( WPT )
Page 17: ABCs of Webpagetest ( WPT )

You need scripting

Page 18: ABCs of Webpagetest ( WPT )
Page 19: ABCs of Webpagetest ( WPT )

You only need to remember a few commands

Page 20: ABCs of Webpagetest ( WPT )
Page 21: ABCs of Webpagetest ( WPT )

setCookie and navigateThat’s it!

Page 22: ABCs of Webpagetest ( WPT )

And...files are tab delimited

Page 23: ABCs of Webpagetest ( WPT )
Page 24: ABCs of Webpagetest ( WPT )

Cookie authentication is key

Page 25: ABCs of Webpagetest ( WPT )
Page 26: ABCs of Webpagetest ( WPT )
Page 27: ABCs of Webpagetest ( WPT )
Page 29: ABCs of Webpagetest ( WPT )
Page 30: ABCs of Webpagetest ( WPT )
Page 31: ABCs of Webpagetest ( WPT )

“Filmstrip View” is importantYou do most of your analysis

here

Page 32: ABCs of Webpagetest ( WPT )

Anatomy of “Filmstrip View”1.Filmstrip

2.Asset waterfall

3.CPU - “Browser Main Thread”

4.Visual progress

5.Bar charts

Page 33: ABCs of Webpagetest ( WPT )
Page 34: ABCs of Webpagetest ( WPT )

Filmstrip

Page 35: ABCs of Webpagetest ( WPT )

Asset Waterfall

Page 36: ABCs of Webpagetest ( WPT )

CPU - “Browser Main Thread”

Page 37: ABCs of Webpagetest ( WPT )

Visual progress

Page 38: ABCs of Webpagetest ( WPT )

Timings

Page 39: ABCs of Webpagetest ( WPT )

requests

Page 40: ABCs of Webpagetest ( WPT )

Weight

Page 41: ABCs of Webpagetest ( WPT )

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

Page 42: ABCs of Webpagetest ( WPT )

The value is in page comparisons

Page 43: ABCs of Webpagetest ( WPT )

Key concepts1.Each run is unique

2.URL parameter passing

3.Scripting

Page 44: ABCs of Webpagetest ( WPT )
Page 45: ABCs of Webpagetest ( WPT )

A typical test1.Run number

2.Initial view

3.Repeat view

4.“Steps”

5.Custom label

Page 46: ABCs of Webpagetest ( WPT )
Page 47: ABCs of Webpagetest ( WPT )

Compare tests. Comma separate IDs.

Page 48: ABCs of Webpagetest ( WPT )
Page 49: ABCs of Webpagetest ( WPT )
Page 52: ABCs of Webpagetest ( WPT )
Page 53: ABCs of Webpagetest ( WPT )
Page 54: ABCs of Webpagetest ( WPT )
Page 55: ABCs of Webpagetest ( WPT )
Page 57: ABCs of Webpagetest ( WPT )

“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 )

Page 58: ABCs of Webpagetest ( WPT )
Page 59: ABCs of Webpagetest ( WPT )

Thank You!

Page 60: ABCs of Webpagetest ( WPT )

Questions? Oliver Tse

[email protected]