Практика 7 минут
Когда 3D на сайте оправдан, а когда только мешает
Трёхмерная сцена на первом экране почти всегда выглядит дороже, чем есть. Но у неё есть цена, которую редко считают заранее: вес, время до первого кадра и, главное, внимание посетителя. Ниже — где эта цена оправдана, а где нет.
Что на самом деле стоит трёхмерная сцена
Первое, что считают, — мегабайты. Это самая простая часть. Модель среднего качества после экспорта весит десятки мегабайт, но после правильной подготовки ужимается в разы. Вот реальные цифры одной фигуры в полный рост, которую мы готовили для страницы:
| Этап | Было | Стало |
|---|---|---|
| Исходный экспорт | 77,8 МБ | — |
| Текстуры: 4K PNG → 2K WebP | 35,4 МБ | 0,78 МБ |
| Упрощение сетки до 14% | 1 500 000 тр. | 210 000 тр. |
| Сжатие геометрии | 8,5 МБ | 2,38 МБ |
Вторая часть цены дороже и её не измеряют. Пока сцена грузится и раскручивается, посетитель ждёт. Если он пришёл узнать цену услуги, а вместо этого смотрит на вращающийся объект, страница работает против себя.
Три случая, когда 3D действительно нужен
- Товар, который важно рассмотреть. Мебель, украшения, техника, упаковка. Здесь вращение заменяет десять фотографий и снимает вопрос «а как это выглядит сбоку».
- Продукт, который нельзя сфотографировать. Услуга, технология, абстрактная идея. Тогда объект работает как знак, а не как изображение товара.
- Позиционирование через ремесло. Если вы продаёте сложную работу, живая сцена доказывает умение лучше слов о нём.
Когда лучше не надо
Если у страницы одна задача — получить заявку, и посетитель приходит с конкретным вопросом, трёхмерная сцена почти всегда лишняя. Она отодвигает ответ на этот вопрос ниже линии сгиба и добавляет секунды ожидания.
Отдельный случай — затёртые сюжеты. Чёрная дыра, планета, абстрактные частицы, вращающийся тор. Они выглядят эффектно ровно до момента, когда посетитель видел такое уже трижды за неделю.
Хорошая проверка: если убрать сцену и страница ничего не теряет по смыслу — значит, она была украшением.
Компромисс, который работает почти всегда
Показывать сцену там, где разговор уже идёт о работе, а не на входе. Первый экран отдать заголовку и понятному обещанию, а объект поставить вторым экраном — тогда он усиливает аргумент, а не задерживает его.
Второй приём — процедурная геометрия вместо моделей. Форму можно описать формулой и посчитать прямо в браузере: тогда файлов нет вообще, страница весит меньше одной фотографии, а сцена остаётся живой. Так делаются кристаллы, металл, стекло, дым и почти вся абстракция. Не подойдёт для людей, животных и точных копий реальных предметов — там нужна модель.