1 / 14

…lightning demo

…lightning demo. Patrick Meenan Google @patmeenan pmeenan@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

ataret
Download Presentation

…lightning demo

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. …lightning demo • Patrick Meenan • Google • @patmeenan • pmeenan@webpagetest.org

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

  3. The basics – get “results” • Performance and optimization information

  4. Beyond the basics….

  5. 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)

  6. 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

  7. 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

  8. 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);

  9. Submit the test

  10. Compare the results

  11. Create a video

  12. Resulting video comparison

  13. What’s new? 4:55pm WebPagetest Update Ballroom EFGH

  14. Google Booth Presentations Wednesday, 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

More Related