© 2011 cognifide limited. in commercial confidence only. client-side performance testing jacek...
TRANSCRIPT
![Page 1: © 2011 Cognifide Limited. In commercial confidence only. Client-side performance testing Jacek Maciejewski QA Engineer](https://reader036.vdocuments.net/reader036/viewer/2022081518/551b133e55034607418b5400/html5/thumbnails/1.jpg)
© 2011 Cognifide Limited. In commercial confidence only.
Client-side performance testing
Jacek Maciejewski
QA Engineer
![Page 2: © 2011 Cognifide Limited. In commercial confidence only. Client-side performance testing Jacek Maciejewski QA Engineer](https://reader036.vdocuments.net/reader036/viewer/2022081518/551b133e55034607418b5400/html5/thumbnails/2.jpg)
© 2011 Cognifide Limited. In commercial confidence only.
• What is client-performance?• Tools• Continuous testing
Agenda
![Page 3: © 2011 Cognifide Limited. In commercial confidence only. Client-side performance testing Jacek Maciejewski QA Engineer](https://reader036.vdocuments.net/reader036/viewer/2022081518/551b133e55034607418b5400/html5/thumbnails/3.jpg)
© 2011 Cognifide Limited. In commercial confidence only.© 2011 Cognifide Limited. In commercial confidence only.
Client-side performance
![Page 4: © 2011 Cognifide Limited. In commercial confidence only. Client-side performance testing Jacek Maciejewski QA Engineer](https://reader036.vdocuments.net/reader036/viewer/2022081518/551b133e55034607418b5400/html5/thumbnails/4.jpg)
© 2011 Cognifide Limited. In commercial confidence only.
What is it?
• simply: time it takes for browser to render a page
• influenced by:− number of assets− javascripts− server configuration
![Page 5: © 2011 Cognifide Limited. In commercial confidence only. Client-side performance testing Jacek Maciejewski QA Engineer](https://reader036.vdocuments.net/reader036/viewer/2022081518/551b133e55034607418b5400/html5/thumbnails/5.jpg)
© 2011 Cognifide Limited. In commercial confidence only.
Why is it important?• 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
![Page 6: © 2011 Cognifide Limited. In commercial confidence only. Client-side performance testing Jacek Maciejewski QA Engineer](https://reader036.vdocuments.net/reader036/viewer/2022081518/551b133e55034607418b5400/html5/thumbnails/6.jpg)
© 2011 Cognifide Limited. In commercial confidence only.© 2011 Cognifide Limited. In commercial confidence only.
Tools
![Page 7: © 2011 Cognifide Limited. In commercial confidence only. Client-side performance testing Jacek Maciejewski QA Engineer](https://reader036.vdocuments.net/reader036/viewer/2022081518/551b133e55034607418b5400/html5/thumbnails/7.jpg)
© 2011 Cognifide Limited. In commercial confidence only.
Tools
• Firebug / Developer Tools• Google Page Speed• Yslow• Gtmetrix.com (YSlow and PS together)• Google Speed Tracer• ajaxDynaTrace• WebPageTest.org
• https://developers.google.com/speed/
![Page 8: © 2011 Cognifide Limited. In commercial confidence only. Client-side performance testing Jacek Maciejewski QA Engineer](https://reader036.vdocuments.net/reader036/viewer/2022081518/551b133e55034607418b5400/html5/thumbnails/8.jpg)
© 2011 Cognifide Limited. In commercial confidence only.
Tools – browser timings
• window.performance.timing• W3C standard• supported in every modern browser
![Page 9: © 2011 Cognifide Limited. In commercial confidence only. Client-side performance testing Jacek Maciejewski QA Engineer](https://reader036.vdocuments.net/reader036/viewer/2022081518/551b133e55034607418b5400/html5/thumbnails/9.jpg)
© 2011 Cognifide Limited. In commercial confidence only.
![Page 10: © 2011 Cognifide Limited. In commercial confidence only. Client-side performance testing Jacek Maciejewski QA Engineer](https://reader036.vdocuments.net/reader036/viewer/2022081518/551b133e55034607418b5400/html5/thumbnails/10.jpg)
© 2011 Cognifide Limited. In commercial confidence only.© 2011 Cognifide Limited. In commercial confidence only.
How to automate?
![Page 11: © 2011 Cognifide Limited. In commercial confidence only. Client-side performance testing Jacek Maciejewski QA Engineer](https://reader036.vdocuments.net/reader036/viewer/2022081518/551b133e55034607418b5400/html5/thumbnails/11.jpg)
© 2011 Cognifide Limited. In commercial confidence only.
Automation
• 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)