…lightning demo
14
description
…lightning demo. Patrick Meenan Google @patmeenan [email protected]. 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 - PowerPoint PPT Presentation
Transcript of …lightning demo
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
