Как сделать анимацию плавной на мобильных (gif,canvas,webGl?

Question

[Игорь]

Вот сайт

На нем 4 гиф анимации с разрешением 720.
Последняя 5-я анимация это канвас ,тоже 720px.

gif на ipad тормозит сильно .

Если включить лишь 1 гиф такую то норм,а если несколько то лаги.

Как можно оптимизировтать анимацию,чтобы плавно было?

Может WebGl использовать,тока я не пойму почему он на мозиле у меня пк не пашет.

Answer 1

[Neonoviiwolf]

может объединить все gif в одну?

Answer 2

[Антон Щербаков]

Анимация постоянно тормозит или только при загрузке?

Ну и не удержался, после просмотра Вашего сайта, так что держите:

Comments

[Игорь]

постонно

[Антон Щербаков]

Игорь Николаевич: Тогда предлагаю рыть в таком направлении. Отследить видим ли сейчас блок с анимацией? Если да, запустить анимацию. Если не видим, остановить.