How to facilitate specific animation with large SVGs?

Question

css

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

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

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

Спасибо.

Answer 1

Первое что приходит на ум: вы разбивали на несколько мелких картинок?

Answer 2

Options:
1) Splitting and replacing svg into several jpg images
2) Complete replacement of one gif
3) Inserting animation as a video file with autoplay