jQuery Document Ready - лучше ли обернуть каждое утверждение или просто обернуть все утверждения в одно событие document.ready?

Question

Я видел это в обоих направлениях, но что лучше или не имеет значения.

Мне кажется, что упаковка каждого оператора может быть чище, но мне просто интересно, есть ли в нем больше обратных вызовов, если у вас по 50 операторов в каждомс собственным обработчиком событий document.ready?

Answer 1

У разработчиков jQuery есть соблазн подключить все к псевдо-событию $(document).ready. В конце концов, это используется в большинстве примеров, которые вы найдете.

Хотя $(document).ready невероятно полезно, это происходит во время рендеринга страницы, когда объекты все еще загружаются. Если вы заметили, что ваша страница зависла во время загрузки, все эти $(document).ready функции могут быть причиной этого.

Вы можете уменьшить загрузку ЦП во время загрузки страницы, привязав функции jQuery к событию $ (window) .load, которое происходит после загрузки всех объектов, вызываемых HTML (включая содержимое).

Подробнее о производительности и лучших практиках jQuery здесь или смотреть это видео