Работает код на чистом js быстрее чем jquery?

Question

[testkeyc]

Доброго времени суток! Подскажите, будет ли код, который написан на чистом js работать быстрее, чем точно такой же код написанный на jquey? Возможно, что кто-то видел какие-то тесты. Всем спасибо за ответы))))

Comments

[Даниил Маслов]

смотря для каких целей собираетесь jquery использовать

[Rustam Bainazarov]

В большинстве случаев — да.

Тестов на самом деле много в Сети:
https://medium.com/@trombino.marco/you-might-not-n...

Answer 1

[Александр]

Вопрос сам по себе глупый. Jquery - это и есть js. По сути, это набор функций, упрощающий разработку и сокращающий код. То что будет быстрее зависит от твоего ур-я. jq писали не глупые люди, сможешь ли ты написать лучше? Не думаю. Другое дело, что функции в jq более универсальны, для этого приходится жертвовать скоростью, но разница в скорости выполнения скрипта будет в пару десятков миллисекунд, а вот что касается скорости загрузки, ты можешь сократить код с jquery на 20-30% минимум.

Comments

[Сергей Соколов]

+1 за упоминание скорости загрузки тяжёлой библиотеки.

[Александр]

Сергей Соколов, что касается скорости загрузки, сейчас приходится работать с кодом, который с jq сократился бы на 2/3. сейчас он весит 211 кб (чистый js), последняя версия jq 80 кб, урезанная так еще меньше. Вес файлов js сильно бы не поменялся, но и строк было бы не 5к+, а пару тысяч, да и код был бы понятнее. Вообщем, я считаю, что если не хочешь писать на vue/react/ang, тянет на чистый js, лучше взять jquery.

Answer 2

[hzzzzl]

замерил на этой странице тостера в консоли

start = performance.now()
for (let i = 0; i < 999; i++) {
	document.querySelectorAll('div').forEach(div => div.classList.toggle('testing'))
}
console.log('JAVASCRIPT TIMER: ', performance.now() - start)


start = performance.now()
for (let i = 0; i < 999; i++) {
	$('div').each(function() { $(this).toggleClass('testing') })
}
console.log('JQUERY TIMER: ', performance.now() - start)

// VM692:5 JAVASCRIPT TIMER:  497.1950000617653
// VM692:12 JQUERY TIMER:  1562.6649999758229

UPD
если поменять цикл на 9999, то
JAVASCRIPT TIMER: 4849.824999924749
JQUERY TIMER: 11027.34499995131
в общем раза в 2-3 дольше создаются объекты жквери да

Comments

[Сергей Соколов]

у меня тоже jQuery с этим примером в 3 раза медленнее:

JAVASCRIPT TIMER:  1029 debugger eval code:5:9
JQUERY TIMER:  2932 debugger eval code:12:9

FireFox OS X MBP 2011

[Rustam Bainazarov]

Сергей Соколов, делал косой скрипт, который собирал DOM фильтров из JSON + данных существующего DOM. Сначала написал на jQuery, он собирал медленно. Переписал без него — стали собираться мгновенно. Надо было бы замерить, кстати.

Мне полгода назад мой знакомый приводил примеры, где jQuery от 4 до 12 раз медленнее выполнял какие-то функции. С этого момента стараюсь всё без него делать, что могу (но пока не очень получается, LOL). Знакомый работает frontend-разработчиком в OZON, так что ему можно верить, в отличие от меня.

Answer 3

[Сергей Соколов]

jQuery написан на всё том же чистом JavaScript, но добавляет тяжёлый довесок для удобства.

Можно написать реализацию вашего алгоритма с использованием и без использования jQuery и сравнить на миллионе прогонов на сайте jsPerf – и другие смогут повторить ваши тесты на их компьютерах/браузерах, ведь от этого тоже многое зависит.

Answer 4

[Robur]

Если написать точно такой же код - то он будет работать точно так же, не быстрее и не медленнее