Re-using WebDriver-based tests for client-

side performance analysis : basics

Minsk 2014

Tsimafei Avilin

Lead Software Test Automation Engineer - EPAM

PURPOSES

CSPA – what? why? how?

CSPA – process initiation

CSPA & WebDriver

Tools & Examples

References

CSPA & WebDriver - Agenda

Re-using WebDriver-based tests for client-side performance analysis

1

3

2

4

5

CSPA: WHEN DOES IT BEGIN?

CSPA & WebDriver

Re-using WebDriver-based tests for client-side performance analysis

PURPOSES

CSPA – client-side begins…

Re-using WebDriver-based tests for client-side performance analysis

STANDARD CSP PROBLEMS

CSPA & WebDriver

Re-using WebDriver-based tests for client-side performance analysis

STANDARD PROBLEMS

• Main:

javascript (memory leaking,

loops, GC, etc.);

pictures;

gzip archive, DOM,

See e.g. Yslow rules here

• Rare: css, silverlight, flash

CSPA – standard problems

Re-using WebDriver-based tests for client-side performance analysis

WHEN TO START CSPA?CSPA & WebDriver

Re-using WebDriver-based tests for client-side performance analysis

REFERENCES

STARTING CSPA

Re-using WebDriver-based tests for client-side performance analysis

CSPA &WEBDRIVERCSPA & WebDriver

Re-using WebDriver-based tests for client-side performance analysis

REFERENCES

• WebDriver + BrowserMob

Proxy

• Collect

sessions/statistics (HAR

files)

• WebDriver + dynaTrace

appl -> does work;

• WebDriver + dynaTrace

.dll -> does NOT work;

CSPA&WebDriver

Re-using WebDriver-based tests for client-side performance analysis

TOOLS&EXAMPLESCSPA & WebDriver

Re-using WebDriver-based tests for client-side performance analysis

REFERENCES

ONLINE SERVICES

• Yslow http://www.yslow.org

• PageSpeed LINK

• GTmetrix http://gtmetrix.com/

• webpagetest http://www.webpagetest.org/

DESKTOP

• dynaTrace AJAX edition LINK +command line + LINK

TOOLS & EXAMPLES

Re-using WebDriver-based tests for client-side performance analysis

ALL

FREE!

REFERENCESCSPA & WebDriver

Re-using WebDriver-based tests for client-side performance analysis

REFERENCES

• YSLOW http://www.yslow.org

• JAKOB SCHROETER “CLIENT-SIDE WEB PERFORMANCE OPTIMIZATION” (2011) LINK

• MARCEL DURAN “PROACTIVE WEB PERFORMANCE OPTIMIZATION” (RUM + (YSLOW +

WPT) CI) (2012) LINK

• COLT MCANLIS “A PERFORMANCE CHECKLIST FOR THE MOBILE WEB” (2013) LINK

• МАРИНА ШИРОЧКИНА “ТЕСТИРОВАНИЕ ПРОИЗВОДИТЕЛЬНОСТИ КЛИЕНТСАЙДА” (2013)

LINK

• АЛЕКСЕЙ БАРАНЦЕВ “ТЕСТИРОВАНИЕ ПРОИЗВОДИТЕЛЬНОСТИ КЛИЕНТСАЙДА: ПРИКВЕЛ”

(2014) LINK

• ULADZIMIR KRYVENKA “BROWSERMOB PROXY: ТЕСТИРОВАНИЕ ПРОИЗВОДИТЕЛЬНОСТИ

КЛИЕНТСКОЙ ЧАСТИ ВЕБ-ПРИЛОЖЕНИЙ” (2014) LINK

• BOOMERANG GITHUB.COM/LOGNORMAL/BOOMERANG LINK

• DYNATRACE COMMUNITY LINK

REFERENCES

Re-using WebDriver-based tests for client-side performance analysis

Re-using WebDriver-based tests for client-side performance analysis

Thanks!!!