AOL Page Test

Post on 24-Apr-2015

7.174 views 0 download

description

Slides from the AOL PageTest demo during the "Performance Tools" session of Velocity 09. http://en.oreilly.com/velocity2009/public/schedule/detail/8488. A video of the session is here: http://velocityconference.blip.tv/file/2290513/

Transcript of AOL Page Test

AOL PageTestEric Goldsmith

A Brief History

Developed for internal testing at AOL Created and maintained by Pat Meenan

Released as Open Source in Jan ’08 pagetest.wiki.sourceforge.net

Nearly 8 K downloads

Hosted version released in May ’08 www.webpagetest.org

More than 62 K tests, run against nearly 25 K URLs

What does it do?

Measures Web page load time in IE (v6, 7 or 8)

Provides object-level timing details and visualization

Suggests techniques for improving load times

Extra features with hosted version: Choice of connection speed and location

Multiple runs and First and Repeat View testing

Object blocking, to exclude content

Test History to track and share results

and more…

Lessons Learned

Don’t try to do a demo on a live site in a room full of performance geeks with laptops and Wi-Fi

This year will be all slides

Getting Started

http://www.webpagetest.org/

Tabbed interface

New Test

Enter URL

Select location and browser type

New Test cont’d

Select number of runs Summary stats will identify the run most representative of the

average

First View & Repeat View FV = Cleared cache/cookies

New Test cont’d

Stop at DocComplete vs. 2 sec of (network) inactivity

Set number of connections per domain Defaults: IE 7 = 2, IE 8 = 6

Indentify load time of a specific DOM Element

New Test cont’d

Enter credentials for authentication HTTP BasicAuth

New Test cont’d

Scripting Details here: pagetest.wiki.sourceforge.net/Hosted+Scripting

New Test cont’d

Block objects from being loaded Space-separated (case sensitive) list of patterns to match

Helpful with identifying performance impacts For example, ads vs. no ads

New Test cont’d

Tests are queued and executed in the order submitted Current queue length shown on New Test page

Screen will refresh every 30s as test is running

Unique results URL assigned when test submitted Can be used to share results with others

Test Results

Results Summary

Click on tabs or thumbnails for more details

Raw page and object data available in CSV format

Test Results cont’d

Detailed Results Waterfall diagram

Header details

Test Results cont’d

Detailed Results cont’d

Request Details in tabular form

Connection View Shows number of connections to each domain, and which objects

were loaded over each (hover for URL, click for details)

Test Results cont’d

Performance Review Rating of each object against our Best Practices

BPs detailed at bottom of page

Test Results cont’d

Optimization Report Page statistics

‘Punch List’ of objects that are not being served optimally

Test Results cont’d

Content Breakdown Object MIME type

stats by: Number of

Requests

Bytes

And Connections by object MIME type

Test Results cont’d

Domain Breakdown Object Domain type stats by:

Number of Requests

Bytes

Test History

Test results stored indefinitely

Track changes over time Quickly find the history for a single URL using the Search box

Discussion Forums

Report bugs, suggest features, share findings…

Additional Locations

Interested in hosting a public test location? Ideally West Coast, Western Europe, or Asia

Requires dedicated Windows server Optional 2nd dedicated server for bandwidth simulator

Contact me if interested (eric@ericgoldsmith.com)

Your location here!

Private Hosting

Set up your own private instance of WebPagetest Useful for testing non-public (i.e. intranet) sites

Performance feedback during internal Dev & Q&A

More info here: www.webpagetest.org/forums/thread-19.html

Thank you