Есть ли преимущество использования CSS-анимации перед jQuery-анимацией? (производительность или иное)

Question

Я имею в виду, CSS анимация классная, но соответствие CSS3 раздражающе нестандартно.но, игнорируя все проблемы с браузерами и их неспособность быть в курсе последних версий W3C,

Есть ли какое-то преимущество в производительности по сравнению с анимациями jQuery?

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

Answer 1

Как правило, всякий раз, когда JavaScript можно избежать и достичь того же результата, следует .

Всегда предпочтительнее использовать собственные возможности браузера, так как обычно это будет лучше с точки зрения производительности, плюс, как правило, будет выглядеть лучше.

Дополнительные баллы:

• jQuery-анимация - это не настоящая анимация, она фальшивая, в то время как собственная анимация браузера CSS3 фактически является анимацией. В результате встроенная анимация CSS3 может быть ускорена графическим процессором, а анимация jQuery - нет.
• Обратите внимание, что не все браузеры поддерживают анимацию / переходы CSS3. Возможно, вы захотите проверить, поддерживает ли браузер его , и действовать соответствующим образом.

Answer 2

Для всех людей, которые думают, что Javascript лучше для браузеров старше, это не обязательно так.Думая об Энди Кларке, кажется, что легче представить элегантную историю с хорошими, доступными запасными вариантами, используя твердую семантическую разметку и CSS3, чем с Javascript.

http://forabeautifulweb.com/blog/about/its_a_mad_mad_mad_mad_manimation/

Answer 3

CSS-анимации могут быть ускорены графическим процессором, тогда как Javascript-анимации нет.Если Вы без сомнения знаете, что ваша пользовательская база будет иметь поддержку CSS-версии ваших анимаций, имеет смысл выбрать css.

В случае, если вам требуется поддержка старых браузеров, javascript - этоправильный звонок.

Answer 4

CSS-анимации имеют преимущество, заключающееся в возможности аппаратного ускорения.Вот демонстрация Scripty2 (я знаю, это не jQuery - но те же принципы), которая очень хорошо демонстрирует это.

http://scripty2.com/hardware-acceleration/

Answer 5

лучшим преимуществом является то, что он работает очень плавно на iPad, iPhone, Android, а также в Mac Safari из-за аппаратного ускорения.Анимации JQuery не являются гладкими на мобильных устройствах.В будущем CSS-анимация станет гладкой, как стандартная, но jquery останется прежним.Это более надежное будущее, чтобы использовать эти

Answer 6

Но анимация CSS поддерживается не каждым браузером, это важная проблема в зависимости от вашей публики.