JavaScript-javascript 是放在页面的头部好还是尾部好?
在网上看了一些关于javascript是放在头部好还是尾部好的信息有很多都说:由于html中的js是按顺序加载的,如果js没有加载就会阻塞后面的html加载,所以考虑到网页载入流畅,应该把javascript放到最后面。真的是这样的吗?一起来讨论下吧。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
如果是个面试题的话应该回答放在最后面,让先加载到的内容先显示。但这个其实不是绝对的,什么代码都放到最后面的话,你怎么跟客户解释说为啥页面都打开了点按钮还一点反应都没有(当然是因为jQuery还没下载下来呢……)?
之前用过一种叫head.js的技术,就是在页面最前面插入代码,但是它的代码文件非常小,可以用这个很小的javascript框架非阻塞地、异步地加载其他代码,加快页面打开速度。这样既不会因为加载js而造成页面打开迟缓,也不会因为代码放在最后面而导致代码载入太迟。
我建议还是放到独立js文件上,这样页面看起来很简洁,可读性好。
这个看你的渲染需求了。例如在你显示第一行的内容时候需要js执行动作,你放在尾部那就只能等着js加载完才能显示效果,这样当然不行了。有的动作可以在loading结束后执行,例如统计js,这样就放到尾部了。所以没有绝对的放在哪里好。
js的加载速度的影响是看你加载的文件的大小和网络情况,渲染则是靠浏览器的执行速度了。所以为了加载数据一般是对js和css文件进行压缩输出,这样你可以网上搜索一下。
独立存放,让后调用最后,这让文件看起来有点层次感,特别是比较符合程序开发的思想,也容易理解
一般的情况:
立即||交互性优先的顶部..
延迟||交互性稍后的尾部.
根据情况不同, 适合自己的才是最好的
ps: js的运行原理你也可以看看, 选择自己合适的. js引擎工作原理