Разработка ПО · 2026
Сайт Dev Lab
Сайт, на котором вы сейчас находитесь. Мы построили его по тем же правилам, по которым строим клиентские проекты, и замеряли всё, что обещали.
- Клиент
- Dev Lab
- Год
- 2026
- Направление
- Сайты
- Срок
- в работе
Задача
Сайт студии разработки это её главный кейс. Он должен выглядеть дорого и при этом открываться быстро, а эти два требования обычно тянут в разные стороны: за впечатление платят весом страницы. Нужно было получить и то и другое, на трёх языках, с полноценным SEO.
Что сделали
Мы зафиксировали бюджет производительности до начала работы и относились к нему как к требованию, а не к пожеланию. Иммерсивный скролл собран на нативных CSS scroll-driven animations вместо библиотеки, поэтому восемь секций нарратива добавили меньше килобайта JavaScript. WebGL-сцена в hero загружается отдельным чанком после первой отрисовки и не запускается там, где не нужна: на телефонах, при включённом «уменьшить движение» и без поддержки WebGL её заменяет статичный кадр той же сцены.
Результат
Дважды по ходу работы фича не укладывалась в бюджет. Оба раза мы переписывали фичу, а не поднимали лимит: библиотека анимаций уступила место IntersectionObserver и CSS-переходам, библиотека скролла оказалась не нужна вовсе. Каждая цифра ниже измерена на продакшен-сборке, а не оценена.
Стек
- Next.js 16
- React 19
- TypeScript
- Tailwind v4
- three.js
В цифрах
- JavaScript при первой загрузкебюджет 180 КБ
- 172 KB
- LCP со сценой 3D на страницецель до 2.0 с
- 1.2 s
- нарушений WCAG 2.1 AAпроверено axe-core
- 0
- языка, статическая генерация
- 3