Я просто использовал плагин "Yslow" для Mozilla Firefox, и он сказал мне, что я должен поставить JavaScript внизу. Я слышал это раньше, но на самом деле не думал об этом слишком много. Действительно ли преимущество в том, что JavaScript находится внизу веб-страницы по сравнению с верхней?
JavaScript внизу/вверху веб-страницы?
Ответ 1
Это позволит веб-странице заметно загружаться до выполнения JavaScript, что имеет смысл для таких вещей, как Google Analytics, которые не должны произойти до загрузки страницы.
Вы также можете просмотреть такие вещи, как jQuery, прототип и т.д. и присоединить к "готовому" обработчику, который выполняет код JavaScript после полной загрузки DOM, что является подходящим местом для большого кода JavaScript.
Ответ 2
Предполагая, что вы не работаете на CDN или не используете JS из отдельного поддомена или сервера, он будет загружаться синхронно и заставляет ваш HTML-контент ждать, пока он скачал файлы. Поместив JS в нижней части страницы перед закрывающим тегом </body>, вы позволяете анализировать HTML до загрузки javascript. Это дает эффект более быстрого времени загрузки страницы.
Ответ 3
Если у вас есть статический контент html и много javascript, это может повлиять на воспринимаемое время загрузки страницы, так как загрузка html сначала даст пользователю что-то посмотреть. Если у вас мало javascript, или существующее содержимое страницы полагается на javascript, чтобы быть полезным, то это не так полезно практически говоря.
Ответ 4
Я хочу принести обновление в эту тему, Google недавно ввел async snipped http://support.google.com/analytics/bin/answer.py?hl=en&answer=1008080&rd=1, который можно добавить для вашего сайта, например. поддержка статистики Google. Для достижения наилучшей производительности он должен быть расположен в нижней части раздела <head>. Дело в том, что это увеличивает вероятность того, что маяк отслеживания будет отправлен до того, как пользователь покинет страницу.
Также он должен быть расположен там, если вы хотите проверить свой сайт в инструментах Google для веб-мастеров, используя свою аналитику google.
Кроме того, те же правила по-прежнему применяются в основном - javascript внизу для "быстрой" загрузки страницы. Я использовал кавычки, потому что я не полностью загружаю страницу, пока не закончится javascript; -)
Ответ 5
Да, страница будет загружать контент и отображать его перед загрузкой и исполнением javascript, и в результате загрузка будет быстрее.
Ответ 6
Он позволяет полностью загружать все элементы DOM, прежде чем загружать Javascript, который их обрабатывает. Этот стандарт также входит в состав Visual Studio.
Ответ 7
Размещение скриптов в нижней части элемента улучшает скорость отображения, поскольку компиляция script замедляет отображение.