Делает ли jQuery кеширование "селекторов"?

Question

Например, будет ли первый фрагмент кода выполнять полный поиск дважды или он достаточно умен, чтобы кэшировать результаты, если не произошло изменений в DOM?

if ($("#navbar .heading").text() > "") {
  $("#navbar .heading").hide();
}

и

var $heading = $("#navbar .heading");

if ($heading.text() > "") {
  $heading.hide();
}

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

Answer 1

$. SelectorCache () полезно:

https://gist.github.com/jduhls/ceb7c5fdf2ae1fd2d613e1bab160e296

Суть вставки:

<script src="https://gist.github.com/jduhls/ceb7c5fdf2ae1fd2d613e1bab160e296.js"></script>

Answer 2

jsPerf сегодня не работает, но эта статья предполагает, что прирост производительности от кэширования селекторов jQuery будет минимальным.

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

Answer 3

jQuery Sizzle автоматически кэширует последние функции, которые были созданы из селекторов, чтобы найти элементы DOM. Однако сами элементы не кэшируются.

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

Answer 4

Проверьте, помогает ли это https://plugins.jquery.com/cache/

натолкнулся на это как часть нашего обычного проекта