1 / 11

Client-side performance testing

Client-side performance testing. Jacek Maciejewski QA Engineer. Agenda. What is client-performance? Tools Continuous testing. Client-side performance. simply: time it takes for browser to render a page i nfluenced by: number of assets j avascripts server configuration. What is it?.

beck-davenport
Download Presentation

Client-side performance testing

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. Client-side performance testing Jacek Maciejewski QA Engineer

  2. Agenda What is client-performance? Tools Continuous testing

  3. Client-side performance

  4. simply: time it takes for browser to render a page • influenced by: • number of assets • javascripts • server configuration What is it?

  5. influences how a user see a page / brand • 25% of people abandon the page if it does not load within 4 seconds • every extra secont of loading equals 7% less conversion rate • Amazon would lose 1.6 billion$ per year if their website loads 1 second longer • Google would get 8 mln requests less every day if it was slower by 0.4 second. • Making Barack Obama’s website 60% faster increased donation conversions 14% • Google’s page rank is partially determined based on performance Why is it important?

  6. Tools

  7. Firebug / Developer Tools • Google Page Speed • Yslow • Gtmetrix.com (YSlow and PS together) • Google Speed Tracer • ajaxDynaTrace • WebPageTest.org • https://developers.google.com/speed/ Tools

  8. window.performance.timing • W3C standard • supported in every modern browser Tools – browser timings

  9. How to automate?

  10. Browser Timings are easy to use with Selenium WebDriver • HAR Logs • From Firebug (Net panel + NetExport plugin) • From BrowserMob (proxy) • https://code.google.com/p/harstorage/ • possible to integrate Google PS with automation frameworks • WebPageTest – API • performance logs from the newest Chrome Driver (https://gist.github.com/klepikov/5457750) Automation

More Related