В чем причина торможения CSS-анимаций?

Question

[sergealmazov]

Тормозит анимация на left. Конкретно есть transition на left. Срабатывает событие, меняется left. Объект движется, но прерывисто. Если немного подождать (данные через ajax некоторые приходят тяжелые) - то все ок.

Интересен стал вопрос. В чем причина торможения CSS-анимаций?

Comments

[Евгений Петров]

Вы бы написали, как делаете анимацию. Поди jQuery.animate на left?)

[Nikolay Talanov]

Пример в студию, или я вам должен производительность замерять силой мысли?

Answer 1

[Евгений]

1. Вместо смещения объекта с абсолютным позиционированием с помощью изменения, скажем, left: 0 на left: 50px лучше использовать transform: translateX(-50px) - это решение менее затратно по ресурсам.
2. Если браузер параллельно обрабатывает ajax-запрос, то ресурсы могут уходить и на него. Попробуйте использовать синхронный ajax вместо асинхронного.