Александр Свиридов — Перформанс мониторинг по-взрослому

Transcript

1. Александр Свиридов Перформанс мониторинг по-взрослому asviridov@ozon.ru
2. Crash Rate показывает насколько круто мы пишем код? 2
3. Инструменты Google 3
4. Инструменты Apple 4
5. Firebase Perfomance SDK 5
6. Не хватает в стандартных SDK? 6 - Метрики пользовательского опыта - Больше разрезов/сегментация - Мониторинг/Алертинг - Таргеты по скорости (улучшаемся )
7. Ozon Perfomance SDK Или сделали все сами
8. Схема сбора и отображения данных 8 - Асинхронно складываем ивенты в локальную бд - Асинхронно из бд выгребаем ивентыи шлем в API - BE складывает ивенты в ClickHouse - Визуализируем ивенты через Graphana Ozon Tracker SDK Ozon App Click House API Graphana
9. Метрики пользовательского опыта 9 Total time – время от открытия страницы до полной загрузки контента. Hitch Rate – доля поддергивания экрана при скроле. Placeholder Rate – доля картинок, для которых пользователь увидел «дырку».
10. Total Time Полное время открытия страницы
11. Backend Driven UI - Динамическое управление контентом - 1 API запрос на страницу - Отрисовка страницы начинается только после получения API Response
12. Total Time 12 Backend Driven UI Static UI - Total Time – время загрузки полезного контента - TTLB (Time To Last Byte) – время сетевого взаимодействия - Decoding time – время парсинга Response - Layout time – время на отрисовку layout
13. Детализация TTLB 13 Анализ любого этапа сетевого взаимодействия
14. Графики по Total Time по-странично 14
15. 15 Алертинг деградаций
16. Мониторинг деградаций 16 Сравнение прошлого и нового релиза
17. Недопущение деградаций 17 Сбор performance метрик на каждой feature branch
18. Компоненты успеха 18 - Измерение Total Time загрузки каждой страницы - Мониторинг релизов - Real time performance alerting & incident management - Борьба с деградациями ДО релиза - Таргеты по скорости каждой страницы/команды
19. Hitch Rate Качество скрола
20. Hitch Rate Improving App Responsiveness 20 Для скролов с поддергиванием от общего времени скрола
21. Расчет Hitch Rate iOS Metrics Kit, Android Choreographer API 21 - Hitch rate = ∑(Hitch time)/∑(scrolling frame times) - Hitch time – излишнее время, сверх допустимых 16мс, на отрисовку кадра
22. Hitch Rate по-странично 22
23. PlaceHolder Rate Доля картинок, для которых пользователь успел увидеть «дырку»
24. True Метрики картинок - TTLB картинок не отражает пользовательский опыт! - Placeholder Rate - доля увиденных «дырок» вместо картинок.
25. Placeholder Rate по-странично 25
26. Примеры улучшений Что видно на графиках
27. Android Decoding Time 27 - Генерация MoshiAdapter в compile-time вместо runtime - Ускорили decoding time 2-6x
28. iOS PinLayout + отказ от XIB 28 - За год улучшили layout time ~1.5x
29. iOS+Android Decoding Time 29 - Парсинг JSON кусками в несколько потоков - Ускорили decoding time 2x
30. iOS+Android TTLB 30 - Brotli компрессия (вместо Gzip) - Ускорили TTLB на ~10%
31. iOS+Android Placeholder Rate 31 - Prefetch картинок из невидимой области. - Улучшения - 4х
32. Android TTLB 32 - Прогрев соединения старте приложения - Ускорение загрузки картинок на 50%
33. Александр Свиридов Спасибо за внимание! asviridov@ozon.ru