为什么在没有异步标记的情况下立即获取后续的<script>

时间:2019-06-30 15:36:03

标签: javascript html asynchronous render-blocking

script async & defer

默认情况下,根据此图像,HTML解析在遇到外部时应暂停,并等待脚本下载并执行后再继续。

我一直在测试,我无法复制此逻辑。

scripts requested at same time

在初始请求之后,我已经添加了一些示例请求,但没有异步标签,但它们似乎都是同时被请求的

<!DOCTYPE html>
<html lang="en">
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <title>Testing</title>
    <script src="https://code.highcharts.com/highcharts.js"></script>
  </head>
  <body>
    <div id="root"></div>
    <img
      src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQReLvoUiu3NJ_g63RtEws3IN9N7fGp6dHRDEirrJEIZ9wW4LED"
    />
  </body>
</html>

我会从I've read中期望,由于HTML解析已暂停,因此直到提取并执行了第一个脚本后,才会启动第二个highcharts请求。在Chrome 75上。Chrome默认情况下是否异步?

0 个答案:

没有答案