<img />,<style>這些資源是並行請求與載入。

<script>指令碼是同步請求與載入，阻塞載入。載入完成並執行後再繼續解析HTML。

動態<script>是非同步載入，就是說可以同時載入其他資源。

關於<script>的執行，分為立即執行和延遲執行。

對於瀏覽器來說，不管是<style>, <img />, <script>都是一視同仁，都是並行請求多個資原始檔並載入，而不是一次只請求一個資源並載入。

只不過最大連線數有限制， 為6個或2個，並行載入6個資源。

但是遇到<script>會有特殊，即阻塞載入其他資源，比如<img/>等。

<script>載入與執行兩個階段，載入是阻塞其他資源的載入，執行也會阻塞。

執行是肯定會阻塞，這個沒有什麼非同步執行，只有延遲執行和立即執行。

載入是並行載入，但是<script>特殊，故分為同步和非同步載入。

HTML解析過程中，遇到<style>, <img/>, <script>會去並行載入外部資源。

同步載入（阻塞模式）但是遇到<script>時，會阻止瀏覽器的後續處理，停止後續的HTLM的解析，因此阻塞後續頁面的處理，比如<img/>, <script>, <style>等資源的載入，以及HTML的渲染，和程式碼的執行。

非同步載入（非阻塞），下載js的同時，還會繼續進行後續頁面的處理。

 js 之所以要同步執行，是因為 js 中可能有輸出 document 內容、修改dom、重定向等行為，所以默認同步執行才是安全的。

<script>的阻塞不僅僅是資原始檔的載入，而是HTML的解析和渲染，導致了不能載入包含的資原始檔。

執行JS必然會阻塞其他一切資源的載入，但是非同步載入不會阻塞資源的載入。

但是載入完之後是立即執行還是延遲執行這個可以通過defer來指定。

async非同步載入，立即執行。

defer非同步載入，延遲執行。