Следующие два куска кода делают примерно одно и то же:
document.querySelectorAll("*");
document.querySelectorAll(".class");
- Перебераются все элементы DOM
- Проверяется, удовлетворяют ли они селектору.
- Все, что подошло, пихается в псевдомассив.
То есть, если и есть разница, то во внутреннем устройстве проверки на селекторы, но не в том сколько элементов переберется.
-----------------------------------------------------
Результаты тестов для 12600 элементов |:
-----------------------------------------------------
* - 3.23мс
.class - 2.41мс
Итог:
При таком кол-ве элементов разница в
0.8мс слишком мала, чтобы отказаться от универсального селектора. Кстати, теперь есть такие исследования :)