![Page 1: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/1.jpg)
Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver и BrowserMobProxy
Андрей Стахиевич | issoft.by
![Page 2: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/2.jpg)
Немного о себе
Андрей СтахиевичКомпания [email protected]• ASP.Net developer с 2-летним стажем• Selenium Webdriver-based test automation
specialist с 2-летним стажем• Mobile test automation specialist cо стажем 1 год
Являюсь поклонником Selenium Webdriver и связанных с ним технологий.
![Page 3: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/3.jpg)
• Производительность веба. Немного теории.
• Хранение данных о производительности. HAR архив.
• Автоматизация сбора данных. Selenium Webdriver + Browser Mob Proxy.
• HAR Storage – агрегация и визуализация данных.
Поговорим…
![Page 4: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/4.jpg)
Законодатель мод
Interaction Domain
Rich Web Client Activity
Web Performance Working Group
World Wide Web Consortium
![Page 5: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/5.jpg)
Производительность Веб
![Page 6: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/6.jpg)
Стандарт по метрике
![Page 7: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/7.jpg)
Метрики навигации
![Page 8: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/8.jpg)
HAR архив
![Page 9: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/9.jpg)
• HAR – это HTTP архив, который хранит в JSON формате взаимодействия браузера с веб приложением.
Что такое HAR ?
![Page 10: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/10.jpg)
HAR – данные о производительности
![Page 11: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/11.jpg)
Визуализация данных
![Page 12: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/12.jpg)
Автоматизация
• Selenium WebDriverдрайвер браузера
• Browser Mob Proxyвстраиваемый прокси-сервер, позволяет собирать информацию о производительности приложения и сохранять ее в HAR формате.
![Page 13: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/13.jpg)
Автотест
![Page 14: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/14.jpg)
Хочу больше
• HAR архивы надо где-то хранить.
• Данные надо агрегировать и визуализировать.
• Анализ трендов производительности приложения.
![Page 15: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/15.jpg)
HAR Storage
HAR Storage – это репозиторий для автоматизированного тестирования веб производительности на стороне клиента. Он базируется на MongoDB и Pylons.
![Page 16: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/16.jpg)
Основные фичи
• Измение показателей во времени.
• Детальная статистика.
• Агрегация и сравнение результатов.
• Экспорт чартов и таблиц.
• Встроенный HAR Viewer.
• Кроссплатформенный, кроссбраузерный.
![Page 17: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/17.jpg)
Интеграция с тестом
Post
![Page 18: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/18.jpg)
Хранение
![Page 19: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/19.jpg)
ПросмотрСтраница
Запрос
Информация по запросу
Весь список запросов
Time line
![Page 20: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/20.jpg)
Визулизация
![Page 21: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/21.jpg)
Тренды
![Page 22: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/22.jpg)
Итого
• Высокая производительность веб приложения – это тренд.
• Сформированы стандартные подходы и лучшие практики для измерения и оптимизации производительности веб приложений.
• Тестирование производительности – вовсе не обязательно очень дорогостоящий процесс.
• Тестирование производительности можно и нужно автоматизировать.
![Page 23: Андрей Стахиевич - Измеряем производительность веб приложения на стороне клиента с помощью Selenium Webdriver](https://reader037.vdocuments.net/reader037/viewer/2022102710/5495eda8b4795956728b46b2/html5/thumbnails/23.jpg)
Инструменты