moshe
Uploaded by
14 SLIDES
253 VUES
140LIKES

Enhanced Web Performance Testing with WebPagetest

DESCRIPTION

Discover the essential features of WebPagetest for monitoring web page performance. This workshop covers the basics of testing URLs and obtaining performance optimization results. Dive deeper with multi-page navigation flows, form interactions, and custom scripting features that allow for greater flexibility. Compare results between different e-commerce sites like Amazon and Newegg while creating automated test scripts. Enhance your skills in web performance analysis and learn about new updates and features in WebPagetest.

1 / 14

Télécharger la présentation

Enhanced Web Performance Testing with WebPagetest

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