Как оптимизировать тяжелый сайт под Firefox и IE11?

Question

[TANK_IST]

Создал пример слайдера который используется на сайте codepen.io/anon/pen/MwGwjN
маленькие видео встроил для доп нагрузки так как сам сайт не могу показать а там есть ещё слайды и 2 фоновых видео

Как уменьшить лаги в Firefox и IE11?

В хроме всё ок.

PS разбаловал меня webkit :(

Answer 1

[Денис Инешин]

1. Использовать transition и translate3d там где это возможно
2. Если анимация вычисляется на JS, то разделить вычисления и отрисовку. Делать отрисовку только на requestAnimationFrame.
3. Кэшировать измерения размеров элементов, желательно вообще измерить все лишь 1 раз.
4. В случае если лаги останутся, стопать все видео во время перемещения.