Каковы реальные преимущества (если есть) для загрузки JS в нижней части документа, в отличие от верхней. Кажется, что существует небольшая задержка загрузки страниц и JS-зависимой функциональности.
Я использую html5boilerplate для начала всех моих шаблонов, но на самом деле не уверен, насколько полезной будет загрузка JS внизу.
Действительно ли это делает всю эту значимость, и если да, то почему?
Если вы включаете внешние js файлы в нижней части страницы, вы указываете приоритет своих HTTP-запросов на визуальный дисплей, который будет представлен клиенту, а не логике взаимодействия или динамики. Я считаю, что если вы не используете сеть доставки контента для доставки изображений клиенту, вам разрешено обрабатывать не более двух HTTP-запросов одновременно. Вы не хотите тратить эти запросы на логику, потому что все мы знаем, насколько нетерпим конечный пользователь.
Загружая js в конце файла, вы можете получить доступ к DOM (большую часть времени) без необходимости вызова функции document.ready(). Вы знаете, что если рендеринг страницы, наконец, превратит его в ваш код javascript, который уже загружал нужные элементы страницы.
Есть еще несколько причин, но это важные из них, которые я пытаюсь запомнить, когда мне так неудобно размещать все js внизу.
Как скачаемые сценарии загружаются, браузеры обычно не будут загружать другие файлы параллельно, что замедляет загрузку страницы.
обратитесь: Рекомендации по ускорению вашего веб-сайта
Поиск Google выдаст большое количество результатов о том, почему вы хотите это сделать, и какие улучшения вы увидите. Проверьте некоторые из этих следующих ссылок:
По сути, главная причина этого заключается в том, что вы улучшите время рендеринга вашей страницы. Из первой статьи:
[I] Лучше переместить сценарии сверху вниз, насколько это возможно. Одной из причин является включение прогрессивного рендеринга, а другой - достижение большего распараллеливания загрузки.
в зависимости от того, что находится в js. если хотите, чтобы он "шел", когда страница загружает или окружает ваш код с помощью jquery's: $(function(){}) или поместите его в нижней части страницы