Задать вопрос
@DmitriyPHC
Молочный кодер.

Как снизить нагрузку на ЦП при использовании анимации на сайте?

На сайте есть анимация, она сделана в AE и преобразована плагином bodymovin в json файл (+ папка с png). Подключил на сайт по туториалу, в JS вообще не силен, открываю и вижу нагрузку на ЦП 50-70%. Файл json весит 800 кб!, не пойму кто виноват, может я как то не правильно подключил и использую этот скрипт? Я выложил пример на свой хостинг. animate.d58147.hostru06.fornex.host

<body>
    <div class="wrapper">
        <div id="animate" class="animate"></div>
    </div>

    <script src="js/bodymovin.js"></script>
    <script src="js/main.js"></script>
</body>


bodymovin.loadAnimation({
	container: document.getElementById('animate'),
	render: 'svg',
	loop: true,
	autoplay: true,
	path: 'js/virtualization.json'
});
  • Вопрос задан
  • 318 просмотров
Подписаться 4 Средний 15 комментариев
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Лига Роботов Новосибирск
от 65 000 до 85 000 ₽
ITK academy Нижний Новгород
от 80 000 до 120 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽