async =“html”中<script>标签的“asynchronous”属性，这是什么意思？

HTML中的<script>标签的async="async"属性，这是什么意思？

 <script async="async" src="...."></script> 

在这里可以看到使用例如

Answer 1

如果在外部脚本（src =）上设置了asynchronous属性，则支持该脚本的浏览器将在后台下载该脚本，而不会阻塞页面上的其他内容。 该脚本将在完成下载时执行。

http://dev.w3.org/html5/spec/Overview.html#attr-script-async

正如我在评论中提到的，设置async = true，async = false或者async =都意味着同样的事情。 他们启用asynchronous行为。 使脚本非asynchronous的唯一方法是完全省略属性。

http://dev.w3.org/html5/spec/Overview.html#boolean-attributes

Answer 2

在XHTML中，需要将属性注释为属性及其值，而HTML则不需要。 我喜欢这个原则的一致性，所以我总是使用它的forms：

 async="async" 

这样我可以将我的文档作为application / xhtml + xml来提供。

如果这对您没有任何意义，因为您认为以text / html格式提供的文档足够好，那么您始终可以使用：

 async 

Answer 3

似乎它不需要async=async ，但只是async

从谷歌：

第二种方法是在适当的时候使用属性，这样可以防止parsing阻塞初始页面加载，直到浏览器的UI线程不忙于做其他事情。

https://developers.google.com/speed/docs/best-practices/mobile#DeferParsingJS

Answer 4

它只是意味着

1. asynchronous（或并行） 下载 外部脚本，而不会阻止HTMLparsing。
2. 曾经下载的脚本将被执行立即阻止HTMLparsing。

这是一个很好的例子。

注：该属性仅适用于外部脚本（具有src属性的脚本），而不适用于内联脚本。

Answer 5

足够的asynchronous。

您可以尝试两种方法，然后测量页面速度的差异。 像crictime一样使用单一物质。