Вопрос о производительности браузера и использовании анимации Bodymovin и CSS

Question

Я нахожусь в процессе создания сайта, полного иллюстраций SVG, в которых есть анимированные компоненты, которые анимируются с помощью Bodymovin .

Но фоны также иногда оживляют, показывая движение (бегущий SVG с движущимися руками и ногами и фоновый SVG, перемещающийся справа налево, показывая прогресс).

Прав ли я, пытаясь ограничить использование Bodymovin сложными анимациями для персонажей, чтобы я мог использовать CSS-анимацию transform3d для простых движений фона?

Я пытаюсь плавно анимировать объекты, хотя и удобен для всех браузеров!

Я бы обычно устанавливал GSAP и анимацию с этим, но это означало бы добавление второй библиотеки анимаций JS для фонов, так как у клиента есть дизайнер, генерирующий анимации Bodymovin.

Любой совет будет приветствоваться. Спасибо

Answer 1

Bodymovin, похоже, отстает от нескольких анимаций на странице, поэтому я закончил тем, что анимировал фон с помощью CSS-анимации, чтобы свести к минимуму нагрузку браузеров.

А благодаря анимации translate3d анимации css тоже были плавными.