非必须放在 head 的 JS 到底放在什么位置好？

2015-06-11 17:44:36 +08:00
 xifangczy

帮朋友做几个页面，找了个切图的人，说JS应该放底部。我一直习惯放在上面差不多<body>位置，现在浏览器还存在JS放不同位置效率不同的情况吗？

3514 次点击
所在节点    前端优化
11 条回复
b821025551b
2015-06-11 17:46:25 +08:00
最好放底部，毕竟不是所有人都用100M的wifi
ALeo
2015-06-11 17:46:45 +08:00
有的时候不是效率问题，而是你的js里出错的话，会导致整个页面的js全奔溃，然后你的页面就乱了。。
zythum
2015-06-11 18:56:49 +08:00
有。js inline的话是页面同步加载的。 这个script没有执行完下面的html是不会渲染的。会降低页面渲染完成时间。
abelyao
2015-06-11 18:57:18 +08:00
body 结束前，最后一个页面元素之后
blacktulip
2015-06-11 19:07:07 +08:00
我习惯紧挨 </body> 上面
lincanbin
2015-06-11 19:21:54 +08:00
建议不要在HTML里加载，直接用一个JavaScript文件异步加载其他所有JavaScript文件。
lujjjh
2015-06-11 19:31:07 +08:00
这种差异不是靠现代浏览器可以解决的。JS 里可以改变 HTML 结构，所以不执行完整个 JS 文件浏览器是不敢继续渲染下去的，除非你告诉浏览器某个脚本可以延期执行，也就是 <script> 的 defer 属性了。
shierji
2015-06-11 19:48:58 +08:00
貌似现在国际惯例是放底部
xifangczy
2015-06-11 19:50:32 +08:00
原来如此...我想的是反正head里也有 其他的也都放在上面，这样也方便维护
lianyue
2015-06-11 21:32:33 +08:00
都放header script 有个异步属性的
laoyuan
2015-06-11 21:40:39 +08:00
搜索框99.99%的网站都很恶心，你正输入内容的时候，页面刚加载完JS，又给你弄些莫名奇妙的东西。所以搜索框的JS我直接写到HTML里的

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/197820

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX