首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 ><script>标签在HTML中的位置会影响网页的性能吗?

<script>标签在HTML中的位置会影响网页的性能吗?
EN

Stack Overflow用户
提问于 2010-12-09 17:52:37
回答 4查看 74.9K关注 0票数 74

在HTML页面中,如果脚本标记位于正文的上方或下方,这对网站的性能有影响吗?

如果像这样用在中间会发生什么:

代码语言:javascript
复制
<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> 

还是这样更好?

代码语言:javascript
复制
<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> 

还是这个?:

代码语言:javascript
复制
  <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>标记中!!

加载时对网页性能有何影响?真的吗?这三个中哪一个是最好的,还是你知道的其他一些?

还有一件事,我在谷歌上搜索了一下,从这里我找到了:Best Practices for Speeding Up Your Web Site,它暗示着put scripts at the bottom,但传统上很多人把它放在<head>标签中,它位于<body>标签之上。我知道这不是一条规则,但很多人更喜欢这样。如果你不相信,只需查看本页的源码!告诉我最好的表现是什么风格。

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4396849

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档