网站为什么 JS 调用尽量放到网页底部?

关注者
975
被浏览
56932

39 个回答

因为浏览器渲染HTML文件是从上往下渲染的。
即先执行head标签里的内容,再执行body标签里的,一行行渲染下去。

无论当前 JavaScript 代码是内嵌还是在外链文件中,页面的下载和渲染都必须停下来等待脚本执行完成。JavaScript 执行过程耗时越久,浏览器等待响应用户输入的时间就越长。

所以JS尽量放底部可以有一定的性能优化效果。

题外话——关于JavaScript性能优化:
除了上面这个方法,还可以通过设置script标签的defer或async属性、合并脚本等等方法来优化。
推荐一篇干货:JavaScript 的性能优化:加载和执行
还有个可访问性的考虑:如果 <script> 放很早但是脚本文件加载失败或者加载缓慢(比如用手机网络的时候),用户会看着大片的空白页面……