AOL PageTestApril 2010 – Nicholas Tang

NYC Web Performance Meetup

2

Table of Contents

• Introduction

• WebPageTest.org

• PageTest – Desktop

• Scripting PageTest

• Q&A

3

Introduction

(I think this slide signifies that I'm going to blow your mind. Or that this presentation is going to blow up in my face. One of those, anyways.)

Nicholas TangVP, Technical OperationsInteractive One

ntang@ interactiveone.com

• Obsessed with website performance (in a good way... I think)

• Core non-contributor on AOL's PageTest

• Once posted to the WebPageTest forums

• Expert PowerPoint presenter (obviously)

?Who is this guy

5

?What is Page Tes t

• Set of website performance testing tools, written inside AOL, later open sourced

• Online test: http://www.webpagetest.org/

• Internet Explorer plugin: http://pagetest.sourceforge.net/

• WebPageTest can also be run as a self-hosted tool.

.WebPageTes t org

• One of my favorite sites!

• Runs as IE7/IE8 browser

• Page load timing

• Waterfall graphs

• Optimization checklists

• Content and domain details

• Screenshots/ screencast of load

• Scripted tests

• And much, much more!

.WebPageTes t org

.WebPageTes t org

• Here's where I attempt a LIVE DEMO.

• While this DEMO is in fact LIVE, it is using saved tests I ran before. If I have time at the end and people are interested, I’ll run a new test live.

BlackPlanet.com front page test:http://www.webpagetest.org/result/100331_6DEC/

HelloBeautiful comparison:http://www.webpagetest.org/video/compare.php?tests=100415_7CYS,100411_6TXM,100411_6TXN,100411_6TXP

Comparison video:http://www.webpagetest.org/video/view.php?id=100415_7f3ef0be0275e18396bd0e247b24e429aab7f051.slow

. WebPageTes t org automation

/ .Reques ts can be automated via a GET POST reques t

:Examplehttp://www.webpagetest.org/runtest.php?url=www.blackplanet.comResult: http://www.webpagetest.org/result/100411_6TR8/

= :Add f xml to get xml datahttp://www.webpagetest.org/runtest.php?url=www.blackplanet.com&f=xml

:More infohttp://sourceforge.net/apps/mediawiki/pagetest/index.php?title=

Automating_Pagetest

PageTes t

• PageTest is an open-source tool you download and can run under Windows / IE.

• Run tests locally

• Script & automate tests

• Run multi-step tests

• Available here: http://pagetest.sourceforge.net/

• Quick Start Guide: http://sourceforge.net/apps/mediawiki/pagetest/index.php?title=Quick_Start_Guide

PageTes t

' .Here s yet another live demo

(Note: may just have been my machine, but the latest build of PageTest (217) didn't work properly under Win7/64bit, or WinXP/IE6… but your mileage may vary.)

Scripting

• Tes ts can be s cripted in both the local and web, :vers ion but the local vers ion has fewer res tric tions

• Multi-page tests (sort of)• Can use external files (read in lists of variables, do upload testing, etc.)• Gives debugging/ error feedback (sort of – it’s not very detailed)

• :Language referencehttp://sourceforge.net/apps/mediawiki/pagetest/index.php?title=Scripting

• : , , NOTE you mus t us e tabs not s paces to s eparate !e lements when s cripting

PageTes t Scripting

:Sample tes ting s cenarios

• ( , , .)Form s ubmis s ions pos t blog entry add to cart e tc

• - ( - , Multi page tes ts inc luding multi s tep trans actions: , , , )ex log in go to inbox s end mes s age log out

• ( )Automated data collec tion via s cheduled jobs

• Performance “smoke tes ts ”• Create scripts for major actions/ scenarios on your site• Run these scripts against each release/ day/ etc.• Capture and compare results (set performance thresholds for qa)• Profit!

PageTes t Scripting Example

Check the performance of the third page of Craigslist job posts

logData 0

navigate http://newyork.craigslist.org/search/jjj?query=developer&catAbbreviation=jjj

navigate http://newyork.craigslist.org/search/jjj?query=developer&catAbbreviation=jjj&s=100

logData 1

navigate http://newyork.craigslist.org/search/jjj?query=developer&catAbbreviation=jjj&s=200

Result page:http://www.webpagetest.org/result/100411_6TT3/

PageTes t Scripting Example

Run a Twitter Search:logData 0navigatehttp://search.twitter.com/logData 1setValueid=searchBox web performancesubmitForm id=searchForm

Result page:http://www.webpagetest.org/result/100411_6TVK/

- Self Hos ted WebPageTes t

, If you want to run a private ins tance of WebPageTes t : the code is available here:// . . / / _ 1_ 8_ 1.http www webpagetes t org s oftware WebPagetes t zip

: ! Note I have not tried this mys e lf Read about it on the.forums

Finding out more

, If you want to know more about PageTes t check out :thes e s ources

PageTest Wikihttp://sourceforge.net/apps/mediawiki/pagetest/index.php?title=Main_PagePageTest Forumshttp://www.webpagetest.org/forums/index.phpPatrick Meenan’s Blog – Performance Mattershttp://blog.patrickmeenan.com/

18

Q&A

( ’ .)I didn t des ign this template