@vatrikovsky

Как облегчить конкретную анимацию с большими SVG?

dev-1.vatrikovsky.ru/rings.html
внизу страницы

Имеется машина, отрисованная в SVG с относительно сложной анимацией CSS (вращение колеса со смещением центра и т. д.), и двуслойный фон с гигантскими SVG, двигающийся так же с помощью анимации CSS.

На малопроизводительных компьютерах анимация начинает протормаживать. Замена SVG-фонов картинками (gif+jpeg) дело только ухудшила, вернул SVG. Можно ли что-то оптимизировать, не жертвуя элементами и детальностью? Может, какие-то грубые ошибки есть? Или наоборот, нет хитроумных фишек?

Спасибо.
  • Вопрос задан
  • 362 просмотра
Пригласить эксперта
Ответы на вопрос 2
abyrkov
@abyrkov
JavaScripter
Первое что приходит на ум: вы разбивали на несколько мелких картинок?
Ответ написан
@Nwton
Варианты:
1) Разбиение и замена svg на несколько jpg изображений
2) Полная замена одной gif
3) Вставка анимации в качестве видео файла с автовоспроизведением
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы