Что быстрее?

Основной поинт жквери в том, что оно обеспечивает переносимость между разными браузерами. С нативным js-кодом надо быть готовым всё это взять на себя.

На сколько сильным будет прирост в производительности «рутинных» операций, например

Чтобы устранить проблему, надо её сначала понять. Поэтому профайлер в руки и вперед!

хорошие приросты можно получить на операциях с DOM. остальное - в пределах погрешности.
а вообще - google://jquery+vs+vanilla+benchmark и все увидишь сам.

Вряд ли много.

Самые большие тормоза с жквэрей случаются когда ты начинаешь бездумно юзать селекторы. Почитай как они работают и станет понятно, что и где может тормозить. В общем случае старайся юзать id там где это возможно. Избегай селекторов типа '.classname a' - оно найдет сначала все <a> а потом будет проверять какой из них вложен в .classname. А если до .classname у тебя десяток родителей то вообще здец. В таких случаях доставай сначала classname, а потом ищи в нем <a> ну и так далее короче... Погугли статьи по оптимизации - тыщи их.

http://vanilla-js.com/

удобные селекты

Не, полезного то, конечно, хватает, но document.querySelector() и document.querySelectorAll() пора бы для себя открыть.

Это смотря надо ли ему поддерживать старьё или не надо. Но да, лорчую.

Они не во всех браузерах работают - жкверя обеспечивает работу и без их поддержки. Хотя браузеры где они не работают уже и не нужны наверно, но есть одно НО - они не спасают если ты пишешь что-то вроде:

$('.mt40 .field2 a.btn-black.underline').on('click',function(){

Если трудно догадаться, то mt40 - это стиль для задания элементу margin-top в 40px, .field2 - input'ы с выравниваинем по правому краю, btn-black - кнопка черного цвета, а underline внезапно текст без подчеркивания. И вот это селектор кнопки Оформить в корзине. Пример из реального проекта.

Вот это говно абсолютно не поддерживаемо и будет тупить хоть жкверей хоть без нее.

я отсылаю код обратно разработчикам кода на основе либы jquery, где задача позволяет писать нативно
бил бы таких по рукам, пропади они пропадом эти jкверисты!

Тормозит, потому что скорее всего быдлокод. Смотри на предмет утечек, некорректных обработчиков, селекторов, уборки мусора, ущербной архитектуры.

Использую jQuery, кучу плагинов, Require.js, Angular, Knockout и много чего еще — у меня не тормозит :)

Анимации лучше делать средствами CSS, и лучше использовать аппаратно-ускоренные свойства. Нативный JS ты задолбаешься делать кросбраузерным и в итоге напишешь свою тормозную jQuery. Селекты и правда медленные, поэтому сохраняй DOM объекты в переменные, вместо того чтобы каждый раз их дергать.

.my-widget {
  opacity: 1;
  transition: all 1s;
}
.my-widget.hide { opacity: 0 }

var $widget = $('.my-widget');
$widget.on('click', function() {
  $widget.addClass('hide');
}

Сделай мне аналог

$(document).ready(function() {});

Немного погуглив, узнал, что многие веб-девелоперы, если того не требуют обстоятельства, стараются использовать нативный javascript-код, вместо каких-либо библиотек, подобных jquery.

Это все на гране суеверий. Больше всего тормозят операции с DOM. Там где ты получаешь кучу данных с сервера после получения выводи их не по 1 строчке в таблицу а собирай все в переменную и добавляй в DOM за 1 раз.

Ну и поиск DOM элементов вынеси из циклов, создавай в начале скрипта переменные с нужными DOM элементами и юзай их.

Не, полезного то, конечно, хватает, но document.querySelector() и document.querySelectorAll() пора бы для себя открыть.

Кстати, раз уж в этом треде пошла речь про селекты jQuery, то у меня вопрос: jQuery использует querySelectorAll или нет? А если я напишу так?

var $one = $('.one');
var $two = $one.find('a:first');

Те браузеры уже мёртвые.

Что касается второго пункта, ты наркоман что ли? querySelectorAll() умеет такие селекторы. Любые селекторы, которые понимает браузер.

var buttons = document.querySelectorAll('.mt40 .field2 a.btn-black.underline');
for(var i = buttons.length - 1; i >= 0; --i) buttons[i].addEventListener('click', function(){}, false);

IE 8

Товарищ некрофил, виндус икспэ уже мёртвое и нафиг никому не упёрлось, даже гуглу и майкрософт.

Те браузеры уже мёртвые.
addEventListener

IE 8 еще жив.

XP это IE 6, Vista — IE 7, 7 — IE 8. Не путай. И некрофил не я, а пользователи.

на гране суеверий

Что за гран то?

Тормозить, к слову, может создание большого количества jquery объектов.

В общем, ТС, выкладывай код :) Так мы не поймем что у тебя тормозит.

IE 8 еще жив.

jQuery 2.x поддерживает ие начиная с 9

Что за гран то?
Тормозить, к слову, может создание большого количества jquery объектов.

Может но в 99% случаев тормозят селекторы в циклах и добавение кучи данных в таблицу по одному tr

Нет, именно ты: https://en.wikipedia.org/wiki/Internet_Explorer_versions#Windows

jQuery 2.x поддерживает ие начиная с 9

Это отдельная ветка, 1.x еще поддерживается.

Некрофилы, попрошу больше двух не собираться, а запустить виндовс апдейтер.

Нет, именно ты: https://en.wikipedia.org/wiki/Internet_Explorer_versions#Windows

Слов нет. Ты совсем наркоман? Посмотри свою ссылку, а конкретно ячейки где написано «Included».

Некрофилы, попрошу больше двух не собираться, а запустить виндовс апдейтер.

Кому? Пользователям сайта? Мне к ним домой сходить?

Это отдельная ветка, 1.x еще поддерживается.

Я так понимаю это новая версия, а 1.x тихо доживает свой срок. Да и не только jQuery, очень многие js библиотеки отказываются от поддержки ie 8

Перевожу для наркоманов: единственная версия винды, которая не может бесплатно поставить себе IE9 — икспэ. Пираты должны страдать.

Да и не только jQuery, очень многие js библиотеки отказываются от поддержки ie 8

O_o а можно примеры? Еще от IE 7 не все отказались, а IE 8 в основном поддерживается.

Перевожу для наркоманов: единственная версия винды, которая не может бесплатно поставить себе IE9 — икспэ. Пираты должны страдать.

Исчезни, толстячок. Страдают не пираты, а разработчики. У тебя данные реальной статистики браузеров есть? Видимо нет, иначе бы ты не писал чушь.

Давай уже свою статистику, где к тебе ходят с IE8.

Ты, кстати, пропустил пост, где говорилось, что на IE8 положили большой и толстый болт?

Разработчики не страдают, они не пишут под это говно. Не считая махровых необновляющихся энтерпрайзеров, да и то те, небось, под IE6 пишут.

Твоя то статистика будет?

O_o а можно примеры? Еще от IE 7 не все отказались, а IE 8 в основном поддерживается.

Ну вот в бутстрапе ие8 поддерживается с ограничениями и костылями http://toster.ru/q/67732 в фондейшене таже ситуация http://foundation.zurb.com/forum/posts/241 И это крупные проекты.

Конечно умеет. Но работать они будут медленно так же как и в жквери.

Да, использует если это возможно.

http://vanilla-js.com/

Это прекрасно, особенно конфигуратор.

Сделай мне аналог

// если без очереди ивентов то так
window.onload = function() { ... };

А парсинг JSON?

function parseJSONstring(str) {
    var json = null;
    try {
        json = eval('(' + str + ')');
    } catch (err) {}
    return json;
}

Жквери использует движок селекторов http://sizzlejs.com/

Явно авторы не дебилы и если браузер позволяет юзать нативные, то и в либе юзаются нативные. Оверхед тут будет только за счет всяких «лишних» фич, которые в твоем проекте совершенно не надобны.

Ну вот в бутстрапе ие8 поддерживается с ограничениями и костылями http://toster.ru/q/67732

Ну это мелочи, можно сказать поддерживается. Главное работает, а не шашечки :) Тем более мы про JS же.

в фондейшене таже ситуация http://foundation.zurb.com/forum/posts/241

К сожалению не знаю про них ничего, но поверю что крупные.

Тормозить, к слову, может создание большого количества jquery объектов.

Плюсую

Я так понимаю это новая версия, а 1.x тихо доживает свой срок.

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

Начали про оптимизацию, но всё кончилось ie 6,7,8. Вот где тормоза. Если бы не эти поделия, то давно бы летало всё. Хочешь скорости - забей на ишака. Используй современные технологии мозиллы, хрома и всё будет ок, поддерживай ишака в урезанном варианте: статика, простой интерактив.

Какая версия jquery? Кажется там после 1.8 надо использовать для скорости. Не забудь внимательно перечитать гайд по миграции со старых версий на новые.

Жквери использует движок селекторов http://sizzlejs.com/
Явно авторы не дебилы и если браузер позволяет юзать нативные, то и в либе юзаются нативные. Оверхед тут будет только за счет всяких «лишних» фич, которые в твоем проекте совершенно не надобны.

Это все понятно. Просто в jQuery есть еще всякие .find и :first и не понятно как jQuery с ними поступает, может в таких случаях не используются нативные фичи браузера.

Это прекрасно

Да, я тоже полюбил этот фреймворк.

всякие .find и :first и не понятно как jQuery с ними поступает

Можно открыть исходники и глянуть, я не смотрел, скорее всего наколдовали чего-нибудь боле-мене нормальное.

Небось в коде сплошные двойные кавычки.

сильно ли можно выйграть в производительности, использую средства «чистого» js, без использования сторонних оберток наподобие JQuery?

да, в разы.

upd: уточнение — использовать jquery вполне допустимо, но нужно понимать где он тормозит, и использовать менее тормозные вещи, где необходимо. например, для конструирования dom — тот же crel всего в ~3 раза тормознее, чем готовая строка с html, тогда как jquery тормознее раз в 10.

вот тут, например, есть прикольное сравнение производительности http://jsperf.com/dom-creation-libs/10

сплошные двойные кавычки

На скорость влиять не должно.