Как грамотнее всего разместить анимацию на сайте?

Question

[Данияр Кудайбергенов]

Итак, коллеги, есть 3D анимация для лендинга в качестве вижуала и иконок. Анимация циклическая 2-3 секунды на каждом элементе (всего 6 анимированных объектов).

Внимание, вопрос: как наилучшим образом разместить на сайте не в ущерб оптимизации и скорости загрузки? Чистый 3D с помощью библиотек? Сторонний обработчик in real time? Спрайты? Гифки? Другие инструменты? Пожалуйста помогите. Сейчас стоит вопрос в рациональности анимации и есть ли шанс внедрить ее безболезненно

Comments

[Den Sabrov]

Интересный вопрос от опытного, согласно подписи, человека. Смотря что понимается под "наилучшим образом". Проще? Быстрее? Дешевле? Надёжнее? Да какой функционал требуется? Что значит "для вижуала"?

[Данияр Кудайбергенов]

Den Sabrov, я не являюсь экспертом в области фронтэнда. Под наилучшим образом я уточнил – с точки зрения юзер экспириенса. Чтобы грузилась быстро, чтобы с мобильных браузеров корректно воспроизводилась, чтобы не тормозила прочий функционал. Для "вижуала" имеется ввиду в качестве оформления – в данном контексте это несколько 3д объектов в качестве иконок и один крупный объект для первого экрана. Функционала у них нет, это цикличные анимации (возможно на них будет наложен скролл или параллакс эффект)

[Den Sabrov]

Данияр Кудайбергенов, animated GIF.