JavaScript внизу / вверху веб-страницы?
https://stackoverflow.com/questions/1638670
-
08-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianВопрос
Я просто использовал плагин "Yslow" для Mozilla Firefox, и он сказал мне, что я должен поместить JavaScript внизу.Я слышал это раньше, но на самом деле не слишком задумывался об этом.Действительно ли есть преимущество в размещении JavaScript в нижней части веб-страницы по сравнению с верхней?
Решение
Это позволит заметно загрузить веб-страницу перед выполнением JavaScript, что имеет смысл для таких вещей, как Google Analytics, чего не должно происходить до загрузки страницы.
Вы также можете посмотреть на такие вещи, как jQuery, прототип и т. д. и присоединиться к " ready " обработчик, который выполняет код JavaScript после полной загрузки DOM, что является подходящим местом для большого количества кода JavaScript.
Другие советы
Если вы не работаете в CDN или не обслуживаете свой JS из отдельного субдомена или сервера, он будет загружаться синхронно и заставит ваш HTML-контент ждать, пока он загрузит файлы. Размещая JS внизу вашей страницы перед закрывающим тегом </body>, вы разрешаете анализировать HTML-код перед загрузкой javascript. Это дает эффект ускорения загрузки страницы.
Если у вас статический html-контент и много javascript, это может изменить воспринимаемое время загрузки страницы, так как html будет загружаться первым, давая пользователю что-то посмотреть. Если у вас нет большого количества javascript или существующее содержимое страницы полагается на то, что javascript будет полезным, то это не так полезно, если говорить практически.
Я хочу обновить эту тему, недавно Google представил асинхронный отрывок http://support.google.com/analytics/bin/answer.py?hl=ru & amp; answer = 1008080 & amp; rd = 1 который можно добавить для вашего сайта, например, Поддержка статистики Google. Он должен быть расположен в нижней части раздела <head> для лучшей производительности. Дело в том, что это увеличивает вероятность отслеживания маяка, который будет отправлен до того, как пользователь покинет страницу.
Кроме того, он должен находиться там, если вы хотите проверить свой сайт в инструментах Google для веб-мастеров, используя аналитику Google.
Кроме этого, в основном применяются те же правила - нижний javascript для " fast " загрузка страницы. Я использовал кавычки, потому что я не считаю страницу полностью загруженной, пока не закончится JavaScript; -)
Да, страница будет загружать контент и отображать его перед загрузкой и выполнением javascript, и в результате страница будет загружаться быстрее.
Он позволяет всем элементам DOM полностью загружаться перед загрузкой Javascript, который их адресует. Этот стандарт также является частью Visual Studio.
Размещение сценариев в нижней части элемента повышает скорость отображения, поскольку компиляция сценариев замедляет отображение.
НАВЕРХ
Когда вы размещаете свой JavaScript в верхней части страницы, браузер начнет загружать ваши JS-файлы перед разметкой, изображениями и текстом.И поскольку браузеры загружают JavaScript синхронно, больше ничего не будет загружаться во время загрузки JavaScript.Таким образом, в течение нескольких секунд пользователь будет видеть пустую страницу, пока загружается JavaScript.
ДНО
С другой стороны, если вы разместите свой JavaScript внизу страницы, пользователь сначала увидит загрузку страницы, а после этого JavaScript загрузится в фоновом режиме.Так что, если, например, загрузка вашего CSS & HTML занимает 5 секунд, а вашего JavaScript - еще 5 секунд, размещение нашего JavaScript в верхней части страницы даст пользователю “воспринимаемое” время загрузки 10 секунд, а размещение его в нижней части даст “воспринимаемое” время загрузки 5 секунд.
Взято из Демианские лаборатории.
Да, включая JavaScript в нижней части страницы, действительно ускоряет загрузку страницы. Поскольку браузер выполняет вещи синхронно, он влияет на загрузку страницы, если он находится в верхней части страницы. Если он будет размещен внизу страницы, к тому времени страница загрузит всю разметку, когда браузер начнет загружать javascript, что обеспечит более удобную работу для пользователя.
