Что будет быстрее для браузера: анимация на jquery или css?

Question

[Senseich]

Всем привет! Подскажите господа, что для браузера лучше и будет быстрее обрабатываться, анимация на jquery или css?

К примеру, что лучше использовать для эффекта fade: методы квери fadeIn( ) , fadeOut( ) или анимация css

@keyframes animation {
	
    0%{opacity: 0;}
	
	100%{opacity: 1;}
}

Раньше как то не задумывался, но сейчас пытаюсь подходить ко всему с точки зрения оптимизации.

Answer 1

[Павел]

Css рендерится быстрее, при этом и код должен быть выше js

Answer 2

[frees2]

Раньше массово применяли jQuery, на которое вы ссылаетесь, теперь это не надо.

Comments

[Senseich]

Но, я правильно понимаю, что jQuery(JS) будет везде работать, даже в доисторических браузерах, в отличии от CSS ? К примеру IE поддерживает анимацию только с 10-й версии.

[Nikita-Fast]

Senseich, наверно если сам браузер не поддерживает анимацию то и впихивать её туда не стоит

[Decadal]

Nikita-Fast, браузер не поддерживает анимацию и браузер не поддерживает css, который реализует анимацию - разные вещи.

[Nikita-Fast]

Decadal, о каком это браузере речь ?

[Decadal]

Nikita-Fast, IE 6+ поддерживает анимацию если она написана на jq. Он не поддерживает только css анимацию. Так что "впихивать" анимацию на jq стоит ради поддержки старых браузеров.

[Nikita-Fast]

Decadal, я верно понимаю что ie6 не понимает анимацию на css но на jQuery работает ?

Answer 3

[Andrej Sharapov]

CSS практичнее, особенно если вы прописываете их в общий файл в head

Comments

[Senseich]

Видимо так и есть ) но в плане кросбраузерности, получается js выигрывает. Я сейчас проверил в IE9 , там не работает анимация и транзишоны, но зато работает fadeIn( ) и fadeOut( )

[Andrej Sharapov]

Senseich, для кроса можно использовать @-webkit-keyframes @-moz-

[Павло Пономаренко]

Senseich, рекомендую еще проверить в ie5. Вдруг там не работает и JQuery-варианты и придется искать что-то другое

[Andrej Sharapov]

Павло Пономаренко, =))
странно слышать, что кто-о еще пользуется ie, но иногда заказчики могут и такое потребовать

[Senseich]

Andrej Sharapov, это на сколько я знаю не относиться к IE, я смотрю по сайту CanIUse

[Павло Пономаренко]

Andrej Sharapov, для IE есть graceful degradation - появление в IE блоков без анимаций. Зачем подкладывать свинью 99% пользователям? Ради того, чтобы были анимашки у 1%?

[Senseich]

Павло Пономаренко,

ля IE есть graceful degradation - появление в IE блоков без анимаций. Зачем подкладывать свинью 99% пользователям? Ради того, чтобы были анимашки у 1%?

Пожалуй вы правы, просто это у меня уже "загон" пошел )