Дмитрий Кузнецов на FrontendConf 2025

PWA Сбербанк Онлайн

Технологии

21 октября, 13:20, Зал «Молекулаㅤㅤㅤ(2 этаж)»

Google Outlook Apple

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

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

Frontend-разработчики. Что им интересно: * архитектура микрофронтендов и организация кода; * интеграция с WebView и обеспечение «нативного» UX; * работа с Service Workers, кешем, офлайном; * оптимизация загрузки, lazy loading, CI/CD-пайплайны. Что им даст доклад: * практические кейсы, подходы и проблемы; * инсайты по масштабированию и стандартизации в больших командах; * подход к построению платформы как продукта для других команд.

Тезисы

Скачать презентацию Все презентации конференции

Зачем мы пошли в PWA
1. Единый UX для всех платформ: web, mobile, WebView.
2. Обход ограничений стора: быстрые релизы, A/B-тесты, отсутствие модерации.
3. Низкий порог входа: не требует установки, доступен по ссылке.

Как мы это построили
4. Микрофронтенды + SystemJS: каждая команда — владелец экрана.
5. Платформа как продукт: единые сборки, дизайн-система, CI/CD, релизы.

UX и ощущение «нативности»
6. Анимации, свайпы, skeleton-экран — поведение как у мобильного приложения.
7. Поддержка WebView: плавность, адаптивность, совместимость с навигацией.
8. Работаем над нулевым временем загрузки: инкрементальная отрисовка, lazy loading.

С чем столкнулись
9. Производительность на слабых устройствах и в WebView — JS-оптимизации критичны.
10. Компоненты не учитывают мобильный UX: дорабатываем UI-kit.
11. Дублирование логики между mobile и web — работаем над переиспользованием. Шаг в WebView.

Дмитрий Кузнецов

Сбер

Руководит разработкой фронтальной платформы и архитектуры, помогает десяткам команд запускать фичи в веб. Продвигает микрофронтенды и нормальный UX даже в WebView. Активно развивает фронтенд-сообщество внутри Сбера, проводит митапы, помогает другим командам запускать фичи быстрее и качественнее.

Видео

Мнение Программного комитета о докладе

Алексей Авдеев

Доклад о том, как и зачем Сбербанк Онлайн стал PWA. Архитектура на микрофронтендах, реальные проблемы с производительностью и UX, подход «платформа как продукт». Практический опыт для архитекторов и разработчиков из больших компаний.