Если тег script находится выше или ниже тела на странице HTML, имеет значение для производительности веб-сайта?
И что, если использовать между этими словами:
<body>
..blah..blah..
<script language="JavaScript" src="JS_File_100_KiloBytes">
function f1() {
.. some logic reqd. for manipulating contents in a webpage
}
</script>
... some text here too ...
</body>
Или это лучше?:
<script language="JavaScript" src="JS_File_100_KiloBytes">
function f1() {
.. some logic reqd. for manipulating contents in a webpage
}
</script>
<body>
..blah..blah..
..call above functions on some events like onclick,onfocus,etc..
</body>
Или этот??
<body>
..blah..blah..
..call above functions on some events like onclick,onfocus,etc..
<script language="JavaScript" src="JS_File_100_KiloBytes">
function f1() {
.. some logic reqd. for manipulating contents in a webpage
}
</script>
</body>
Не нужно указывать, что все снова в теге <html>
!!
Как это влияет на производительность веб-страницы при загрузке? Это правда? Какой из них лучше, либо из этих 3, либо из других, которые вы знаете?
И еще кое-что, я немного поработал над этим, из которого я пошел сюда: Лучшие практики для ускорения вашего веб-сайта, и это предполагает положить скрипты внизу, но традиционно многие люди помещают его в тег <head>
, который находится выше тега <body>
. Я знаю, что это НЕ правило, но многие предпочитают это так. Если вы этому не верите, просто просмотрите источник этой страницы! И скажите мне, какой лучший стиль для лучшей производительности.