Я думаю, что смысл в том, чтобы поместить js внизу страницы (обычно только внутри закрывающего тега </body>), чтобы содержимое страницы отображалось, пока js загружается , загружается .
Если ваш код jQuery распределен по всему HTML в отдельных вызовах .ready(), то, несмотря ни на что, он не будет работать до полной загрузки <body>.Таким образом, вопрос будет в том, сколько JavaScript у вас есть в HTML?
Если совсем немного, то это замедлит отображение любого контента, который идет после каждого скрипта.Если это относительно небольшой объем кода, то он вряд ли будет иметь заметное значение.
Если для вас действительно важно, чтобы содержимое страницы отображалось как можно быстрее, поместите все сценарии после контента.
Лично я бы не стал смешивать JavaScript с HTML только ради ассоциации.Вы можете получить неожиданные результаты, если начнете удалять / добавлять контент, который содержит скрипт.Я бы предпочел использовать классы и идентификаторы с соответствующими именами, а также множество комментариев к коду.
Также имейте в виду, что эти вызовы .ready() не будут работать, пока не загрузится jQuery, что будет означать, чтоэто должно быть в верхней части страницы или, по крайней мере, до вашего первого звонка.
Итак, снова возвращается к вопросу о том, что для вас важнее.Если вы хотите, чтобы содержимое было видно как можно быстрее, поместите все js внизу.Если вам нужен ваш метод смешивания js и HTML, у вас будет некоторая задержка при отображении страницы.