脚本标记-异步&推迟

关于属性async&我有几个问题延迟用于<脚本&gt标记,据我所知,它只适用于HTML5浏览器

我的一个站点有两个外部JavaScript文件,当前位于&lt/车身&gt标签;第一个是来自google的jquery,第二个是本地外部脚本

关于现场装载速度

  1. 在页面底部的两个脚本中添加async有什么好处吗

  2. async选项添加到两个脚本中,并将它们放在的页面顶部,会有什么好处;头&gt

  3. 这是否意味着他们会在页面加载时下载

  4. 我假设这会导致HTML4浏览器的延迟,但它会加速HTML5浏览器的页面加载吗

使用<脚本延迟src=…

  1. 将在中加载这两个脚本&lt;头&gt</使用属性defer的code>与在之前使用脚本的效果相同&lt/车身&gt
  2. 我再一次假设这会减慢HTML4浏览器的速度

使用&lt;脚本异步src=…

如果我有两个启用了async的脚本

  1. 他们会同时下载吗
  2. 还是一次一个和页面的其余部分一起
  3. 那么脚本的顺序会成为一个问题吗?例如,一个脚本依赖于另一个脚本,因此如果一个脚本下载速度更快,第二个脚本可能无法正确执行,等等

最后,在HTML5被广泛使用之前,我是否最好保持现状

此图解释了普通脚本标记、异步和延迟

  • 异步脚本在加载脚本后立即执行,因此
    不保证执行顺序(您在
    结束可能在第一个脚本文件之前执行)

  • 延迟脚本保证它们出现的执行顺序
    在页面中

请参阅此链接:http://www.growingwiththeweb.com/2014/02/async-vs-defer-attributes.html

发表评论