Какой вариант производительнее?

Question

[Сергей]

$('a[href*="#"]').each(function(i, item) {...});
vs

$('a').each(function(i, item) {
  if (item.hash) { ... }
});

Помогите разобраться, как лучше: обходить все ссылки и проверять, содержат ли они #, либо использовать селектор по атрибуту?

Comments

[h88p]

Производительнее не использовать jquery

[Dima Polos]

По идее селектор быстрее. Попробуйте замерить скорость через performance.now

[Сергей]

h88p, я знаю, но этот же пример можно переписать на чистом js, и вопрос останется тем же - лучше делать проверку внутри или, если можно так выразиться, снаружи?

Answer 1

[hzzzzl]

первый лучше конечно,
в первом случае выберется 10 нужных элементов, по которым будет цикл each(), а во втором МИЛЛИАРД, и по всем будет цикл each()

Comments

[Сергей]

Звучит логично, но чтобы отфильтровать эти условные 10 элементов тоже ведь надо пройтись по миллиарду, просто там это делается "под капотом".

[Dima Polos]

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

[hzzzzl]

Сергей, ну вообще добавлю, что очень может быть движок js сам всё скомпилирует и заоптимизирует одинаково, можно и правда сделать тест на 10000 выборок и замерить наносекунды через Performance.now()

https://developer.mozilla.org/ru/docs/Web/API/Perf...

Answer 2

[Андрей Андреев]

А в чем проблема самому измерить?