jquery: использование нескольких анимаций (jquery и css3) замедляет анимацию?

Question

Я использую несколько анимаций на своем сайте.Например: перемещение некоторого элемента div, например, здесь: http://jsfiddle.net/orig/42pZZ/2/

Эта анимация проходит очень плавно и никаких всплесков.Но когда я помещаю этот код в больший js-файл (с несколькими другими анимациями, которые могут запускаться одновременно, включая некоторые анимации css3), этот пример анимации больше не является плавным.

Есть ли способоптимизировать это?Или лучше остановиться на 1 типе анимации?например, только css3 (если так, как преобразовать пример скрипки в анимацию css3?)

С уважением, Морис

Answer 1

Повышение скорости вашего кода может включать в себя несколько задач:

• Сокращение вашего кода js http://jscompress.com/
• мини-код вашего CSS http://www.lotterypost.com/css-compress.aspx
• очистка ваших фотографий http://www.smushit.com/ysmush.it/ (удаляет все ненужные байты в ваших изображениях)
• Если на вашем сайте много изображений, попробуйте использовать спрайт-изображения

Эти задачи мне немного помогли. Но рендеринг нескольких трансформаций и анимаций одновременно всегда замедляет работу страницы.