Нужно ли кэшировать DOM элементы?

Question

[nomta]

Вместо многократного document.querySelector() c одним и тем же селектором есть ли смысл сохранять и переиспользовать элементы, насколько это влияет на скорость работы браузера?

Спасибо всем за ответы!

Answer 1

[Антон Швец]

Возьми да проверь.
https://jsfiddle.net/6k2bxsz7/2/

Answer 2

[Антон Спирин]

Кэшировать? Это называется сохранить ссылку на элемент по идентификатору.
Сами подумайте что быстрее, поиск при каждом запросе или обращение напрямую.
Другое дело, что такой поиск происходит достаточно быстро, если у вас страница не на миллионы элементов.

Answer 3

[sim3x]

Стоит
Сильно - при тысячах запросов

Answer 4

[Артур]

Влияет.

Если для браузера может скорость на 30 повторениях быть и не заметна (на больших точно заметна).
То ручками писать 30 раз гораздо проще переменную) чем целое выражение

Comments

[Артур]

кстати еще имеет смысл ознакомиться с понятием Мемоизация langtoday.com/?p=220

[Антон Швец]

Артур, поиск элемента не является чистой функцией, документ то может и поменяться.
Поэтому мемоизация тут не применима.
Это просто сохранение ссылки в переменную.