关于属性async&;我有几个问题延迟用于<;脚本>标记,据我所知,它只适用于HTML5浏览器
我的一个站点有两个外部JavaScript文件,当前位于</车身>标签;第一个是来自google的jquery,第二个是本地外部脚本
关于现场装载速度
-
在页面底部的两个脚本中添加
async有什么好处吗 -
将
async选项添加到两个脚本中,并将它们放在的页面顶部,会有什么好处;头> -
这是否意味着他们会在页面加载时下载
-
我假设这会导致HTML4浏览器的延迟,但它会加速HTML5浏览器的页面加载吗
使用<;脚本延迟src=…
- 将在
中加载这两个脚本<;头></使用属性defer的code>与在之前使用脚本的效果相同</车身> - 我再一次假设这会减慢HTML4浏览器的速度
使用<;脚本异步src=…
如果我有两个启用了async的脚本
- 他们会同时下载吗
- 还是一次一个和页面的其余部分一起
- 那么脚本的顺序会成为一个问题吗?例如,一个脚本依赖于另一个脚本,因此如果一个脚本下载速度更快,第二个脚本可能无法正确执行,等等
最后,在HTML5被广泛使用之前,我是否最好保持现状
此图解释了普通脚本标记、异步和延迟
-
异步脚本在加载脚本后立即执行,因此
不保证执行顺序(您在
结束可能在第一个脚本文件之前执行) -
延迟脚本保证它们出现的执行顺序
在页面中
请参阅此链接:http://www.growingwiththeweb.com/2014/02/async-vs-defer-attributes.html