…lightning demo
description
Transcript of …lightning demo
![Page 2: …lightning demo](https://reader036.fdocuments.in/reader036/viewer/2022062520/56815df0550346895dcc1d9a/html5/thumbnails/2.jpg)
The basics – testing “pages” www.webpagetest.org Submit an URL….
![Page 3: …lightning demo](https://reader036.fdocuments.in/reader036/viewer/2022062520/56815df0550346895dcc1d9a/html5/thumbnails/3.jpg)
The basics – get “results” Performance and optimization information
![Page 4: …lightning demo](https://reader036.fdocuments.in/reader036/viewer/2022062520/56815df0550346895dcc1d9a/html5/thumbnails/4.jpg)
Beyond the basics….
![Page 5: …lightning demo](https://reader036.fdocuments.in/reader036/viewer/2022062520/56815df0550346895dcc1d9a/html5/thumbnails/5.jpg)
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)
![Page 6: …lightning demo](https://reader036.fdocuments.in/reader036/viewer/2022062520/56815df0550346895dcc1d9a/html5/thumbnails/6.jpg)
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
![Page 7: …lightning demo](https://reader036.fdocuments.in/reader036/viewer/2022062520/56815df0550346895dcc1d9a/html5/thumbnails/7.jpg)
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
![Page 8: …lightning demo](https://reader036.fdocuments.in/reader036/viewer/2022062520/56815df0550346895dcc1d9a/html5/thumbnails/8.jpg)
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);
![Page 9: …lightning demo](https://reader036.fdocuments.in/reader036/viewer/2022062520/56815df0550346895dcc1d9a/html5/thumbnails/9.jpg)
Submit the test
![Page 10: …lightning demo](https://reader036.fdocuments.in/reader036/viewer/2022062520/56815df0550346895dcc1d9a/html5/thumbnails/10.jpg)
Compare the results
![Page 11: …lightning demo](https://reader036.fdocuments.in/reader036/viewer/2022062520/56815df0550346895dcc1d9a/html5/thumbnails/11.jpg)
Create a video
![Page 12: …lightning demo](https://reader036.fdocuments.in/reader036/viewer/2022062520/56815df0550346895dcc1d9a/html5/thumbnails/12.jpg)
Resulting video comparison
![Page 13: …lightning demo](https://reader036.fdocuments.in/reader036/viewer/2022062520/56815df0550346895dcc1d9a/html5/thumbnails/13.jpg)
What’s new?
4:55pm
WebPagetest Update
Ballroom EFGH
![Page 14: …lightning demo](https://reader036.fdocuments.in/reader036/viewer/2022062520/56815df0550346895dcc1d9a/html5/thumbnails/14.jpg)
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