Почему библиотеки работают плавнее чем ванильный код?

Question

[wufapexef]

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

Например, rellax и parallax.js работают плавнее, чем если написать подобный функционал самому.

Вопрос - почему так происходит? Они отлавливают какие-то события, делают еще что-то для эффективности анимаций?

Comments

[Lynn «Кофеман»]

Ну так посмотрите внутрь библиотеки…

Answer 1

[Stalker_RED]

Сложно ответить на этот вопрос, если я не знаю как именно вы делали свою версию.
Использовали ли вы easing, throttle/debounce, requestAnimationFrame, и все такое.

Comments

[wufapexef]

Нет, ничего просто замена translate в зависимочти от скролла/положения курсора.

[Stalker_RED]

wufapexef, Это в общем-то не особо сложно, все вышеперечисленные штуки укладываются в пару сотен строк. Примеры реализации легко находятся.

[wufapexef]

Stalker_RED, так я не про это. Зачем мне пару сотен строк, если параллакс делается в 10 строк. Эта сотня нужна для чего? easing, throttle/debounce, requestAnimationFrame? Они что оптимизируют что-то? Я же не спрашиваю как сделать параллакс и его слодность. Мне непонятно почему библы работают иначе.

[Stalker_RED]

wufapexef, easing - сглаживание. throttle/debounce и requestAnimationFrame - оптимизация.

[wufapexef]

Stalker_RED, понял. это тот случай когда сложнее - это лучше. Если пару сотен строк - это значит что проще уже юзать готовые библы. Спасибо!