現在我們已經針對測試專案做了移除 document.write 的優化了，然而現在還有一個問題：Javascript 會阻擋 DOM 的建構。

麻煩的地方在於，第二個 JS 依賴於第一個 JS ，因此如果我們將兩個 script tag 都加上 async keyword 會發生有時候正常有時候錯誤的情況。

解決方法並不困難，只要將兩個檔案合併成一個，然後再加上 async keyword 就 OK 了。事實上這個動作也是 Web Performance 調校的 Best Practice 之一：減少 Request ，越少 Request 越好。

首先請開啟一個新 JS file（如下圖的 a.js），然後將第一個 JS file 的內容全部複製貼到新檔案中:

接著為了避免錯誤，請按兩下 Enter 換行，再把第二個 JS file 的內容複製過來:

最後只要把之前那兩個 script tag 刪除，換成這一個新的並且加上 async keyword 就完成了，如下：

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

事實上這個測試專案的總體 size 非常小，我在 Chorme 的 Dev tool 看到的數字是：75.6kb，而在我的電腦+網路環境下，完整 Render 總共花了 7.39s ，由此可見即使 page size 再小，開發者對於 Web Performance 沒有概念的話依然可能導致總體載入時間變得無比的慢，因此調校 Performance 可說是每一位開發者都必須具備的能力。