JS против CSS. Что быстрее?

Question

[s2sk1337]

Всем привет.

Стало интересно, что быстрее для подстраивание сайта под размер экрана. Media запросы CSS или resize JS (Jquery)? Каким образом это можно протестить? И большая ли эта разница в скорости?

Answer 1

[flareair]

CSS преобразования всегда быстрее JS, они задействуют GPU и не блокируют основной поток браузера. Более того - в некоторых случаях, например при использовании transform - позволяют выделить анимацию в отдельный слой и обрабатывать ее на composite этапе и избежать полной перерисовки страницы.

Потестировать можно в chrome dev tools например, вкладка performance

Подробный гайд от гугла:
https://developers.google.com/web/fundamentals/per...

Answer 2

[dom1n1k]

Разумеется, CSS тут лучше и намного.

Answer 3

[Никита Кит]

"Каким образом это можно протестить?" - devtools - network
"Media запросы CSS или resize JS (Jquery)?" - интересно было бы посмотреть на скрипт адаптации интерфейса. Не ну бывают там в api слайдеров брейкпоинты итд, но ты сам то можешь головой подумать? тебе же всё равно придётся css при разных window.width задавать. Инлайново или классами какнить из*бываться модификаторами. Всё равно на css ты это будешь делать, хоть ты из кожи вон вылези.
Я тупые вопросы бывает замечаю, но твой - точно в ТОП 5 вошёл