相关疑难解决方法(0)

脚本标记 - 异步和延迟

我对标签的属性async和标签有几个问题,据我所知,只能在HTML5浏览器中使用.defer<script>

我的一个网站有两个外部JavaScript文件,目前位于</body>标签上方; 第一个是来自谷歌的,第二个是本地外部脚本.

关于网站加载速度

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

  2. async选项添加到两个脚本并将它们放在页面顶部是否有任何优势<head>

  3. 这是否意味着他们下载页面加载?
  4. 我认为这会导致HTML4浏览器的延迟,但是它会加速HTML5浏览器的页面加载吗?

运用 <script defer src=...

  1. 是否会<head>使用与defer之前的脚本相同的属性加载内部的两个脚本 </body>
  2. 我再次假设这会降低HTML4浏览器的速度.

运用 <script async src=...

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

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

最后,我最好保留原样,直到HTML5更常用?

javascript html5

460
推荐指数
8
解决办法
18万
查看次数

您可以在HTML脚本标记上同时使用async和defer属性吗?

我想同时使用下面的JavaScript代码来加载deferasync:

<script defer async src="/js/somescript.js"></script>

由于deferInternet Explorer 5.5+支持,正如您在CanIUse.com上看到的,如果异步不可用,我希望优先使用延迟.Async我认为最好在可用时使用,但在Internet Explorer 10之前不支持.

我的问题是上面的代码是否有效HTML?如果没有,是否有可能使用JavaScript优雅地回退到不可用defer的脚本时创建这种情况async

javascript html5 asynchronous

60
推荐指数
5
解决办法
1万
查看次数

标签 统计

html5 ×2

javascript ×2

asynchronous ×1