JavaScript-javascript 是放在页面的头部好还是尾部好?

JavaScript-javascript 是放在页面的头部好还是尾部好?

灵芸 发布于 2016-12-30 字数 227 浏览 1235 回复 5

在网上看了一些关于javascript是放在头部好还是尾部好的信息有很多都说:由于html中的js是按顺序加载的,如果js没有加载就会阻塞后面的html加载,所以考虑到网页载入流畅,应该把javascript放到最后面。真的是这样的吗?一起来讨论下吧。

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

想挽留 2017-10-07 5 楼

如果是个面试题的话应该回答放在最后面,让先加载到的内容先显示。但这个其实不是绝对的,什么代码都放到最后面的话,你怎么跟客户解释说为啥页面都打开了点按钮还一点反应都没有(当然是因为jQuery还没下载下来呢……)?

之前用过一种叫head.js的技术,就是在页面最前面插入代码,但是它的代码文件非常小,可以用这个很小的javascript框架非阻塞地、异步地加载其他代码,加快页面打开速度。这样既不会因为加载js而造成页面打开迟缓,也不会因为代码放在最后面而导致代码载入太迟。

偏爱自由 2017-04-21 4 楼

我建议还是放到独立js文件上,这样页面看起来很简洁,可读性好。

泛泛之交 2017-03-24 3 楼

这个看你的渲染需求了。例如在你显示第一行的内容时候需要js执行动作,你放在尾部那就只能等着js加载完才能显示效果,这样当然不行了。有的动作可以在loading结束后执行,例如统计js,这样就放到尾部了。所以没有绝对的放在哪里好。

js的加载速度的影响是看你加载的文件的大小和网络情况,渲染则是靠浏览器的执行速度了。所以为了加载数据一般是对js和css文件进行压缩输出,这样你可以网上搜索一下。

清晨说ぺ晚安 2017-03-16 2 楼

独立存放,让后调用最后,这让文件看起来有点层次感,特别是比较符合程序开发的思想,也容易理解

清晨说ぺ晚安 2017-01-26 1 楼

一般的情况:
立即||交互性优先的顶部..
延迟||交互性稍后的尾部.

根据情况不同, 适合自己的才是最好的

ps: js的运行原理你也可以看看, 选择自己合适的. js引擎工作原理