使用当前技术将Javascript置于底部仍然是一个好习惯

时间:2015-01-31 15:13:12

标签: javascript html5

我是网络编程的新手,最近我开始学习Javascript。我读到了关于在哪里放置javascript的辩论,在顶部或底部。顶级支持者强调,缓慢加载比破页更好,因为缺少js会使某些功能失效;底层支持者更多地关注加载速度,并认为可以通过使用css来警告破坏的功能,css必须在开始时加载。然而,我所看到的所有争论至少都是2年(关于这个问题的帖子大约是2009-2010,最近我见过的是2012),从现在开始,html5引入了新的近年来,“async”和“defer”属性为标记。所以我的问题是:

使用当前技术(即使用异步和延迟)放置js,顶部或底部的最佳位置在哪里?如果它取决于,你应该把js放在顶部/底部,以及你应该在顶部/底部放置什么样的js?

非常感谢!

1 个答案:

答案 0 :(得分:0)

通常,您希望尽可能使用async。偏好顺序:async> defer>无属性。

何时使用?

1)如果脚本依赖于其他脚本(或反过来),请使用defer

2)当脚本可以独立运行时使用async,即它不依赖于其他脚本。

3)如果脚本很小并且异步脚本依赖该脚本,则使用inline脚本,在异步脚本上方没有任何属性。

进一步参考@ https://html.spec.whatwg.org/multipage/scripting.html#the-script-element