FrontendConf

Web Vitals не хватило: что мы измеряем, чтобы понимать реальную производительность Сбербанк Онлайн

Производительность

Фронтенд
Single page application, толстый клиент
Пакетные менеджеры и организация модульности
React, Vue, Angular и другие JavaScript-фреймворки
Производительность и мониторинг фронтенда

Доклад принят в программу конференции

Целевая аудитория

Frontend-разработчики, тимлиды, архитекторы, специалисты по производительности и оптимизации, технические менеджеры.

Тезисы

Что происходит с производительностью, когда у тебя сотни модулей, микрофронты, отдельные команды на каждый крупный блок, и всё это работает в общем приложении, которым ежедневно пользуются миллионы людей?

В этом докладе я расскажу, как мы выстраивали систему измерения производительности в Сбербанк Онлайн, чтобы понимать реальную картину.

Web Vitals — это только начало: пришлось внедрять собственные метрики, отслеживать поведение отдельных компонентов и делать замеры не на синтетике, а в реальном продакшене.

Поделюсь, как мы справлялись с техническими и организационными трудностями: изоляцией микрофронтов, разными уровнями зрелости команд.
Расскажу, какие инструменты оказались действительно полезными, что автоматизировали, и какие ошибки не хотим повторять.

+- 14 лет в ИТ. Работал как в аутсорсе, так и в крупных финтех-компаниях. Имеет опыт с высоконагруженными бэкендами, мобильными приложениями и корпоративными системами.
Сейчас — тимлид команды веб-платформы Сбербанк Онлайн.

Видео