…lightning demo

Patrick MeenanGoogle

@patmeenanpmeenan@webpagetest.org

The basics – testing “pages” www.webpagetest.org Submit an URL….

The basics – get “results” Performance and optimization information

Beyond the basics….

For the really adventurous Multi-page navigation flows Form interaction (filling fields, pushing buttons, etc) Execute arbitrary Javascript Pre-populate cookies Set custom user agent string Set custom HTTP Headers Override DNS addresses

http://www.webperformancecentral.com/wiki/WebPagetest/Scripting (linked to in the UI)

The test… Compare navigation flow for Amazon and Newegg:

Start at landing page Drill into computer hardware Drill into internal hard drives Drill into a specific drive Add the drive to your cart

Amazon script combineSteps navigate http://www.amazon.com/ navigate http://www.amazon.com/PC-Components-Computer-Add-Ons-Computers/b/ref=sa_menu_components10?ie=UTF8&node=193870011

navigate http://www.amazon.com/s/ref=amb_link_6488902_17?ie=UTF8&bbn=193870011&rh=n%3A193870011%2Cn%3A1254762011%2Cp_6%3AATVPDKIKX0DER&pf_rd_m=ATVPDKIKX0DER&pf_rd_s=left-1&pf_rd_r=1DTVEXPKANGEA1NMQD9W&pf_rd_t=101&pf_rd_p=1282291122&pf_rd_i=193870011

navigate http://www.amazon.com/Western-Digital-Caviar-Intellipower-Desktop/dp/B002ZCXK0I/ref=sr_1_1?m=ATVPDKIKX0DER&s=pc&ie=UTF8&qid=1307039768&sr=1-1

clickAndWait id=addToCartButton

Newegg Script combineSteps navigate http://www.newegg.com/ navigate http://www.newegg.com/Store/Computer.aspx?name=Computer-Hardware navigate http://www.newegg.com/Store/SubCategory.aspx?SubCategory=14&name=Internal-Hard-Drives

navigate http://www.newegg.com/Product/Product.aspx?Item=N82E16822136514 execAndWait Biz.Product.Cart.add('N82E16822136514','1','1',0,true);

Submit the test

Compare the results

Create a video

Resulting video comparison

What’s new?

4:55pm

WebPagetest Update

Ballroom EFGH

Google Booth PresentationsWednesday, June 15, 2011 10:00 am – 10:10 am Perfect Resource Caching OR Multiple iFrames, One Request 10:15 am – 10:25 am TCP Fast Open and Loss Recovery 3:30 pm – 3:40 pm Effectively Using WebPagetest to Analyze and Optimize a Site’s Performance 3:50 pm – 4:00 pm How to Configure mod_pagespeed to Work Well on Your Site

Thursday, June 16, 2011 10:00 am – 10:10 am Web Page Replay - Play Back Recorded Pages with Simulated Performance Characteristics. 10:15 am – 10:25 am Efficient DOM Manipulation with Declarative HTML Templates and AngularJS 3:30 pm – 3:40 pm Building Tools with the Page Speed Online API 3:50 pm – 4:00 pm http streaming