先來看這行程式碼:
<script src = "allMyClientSideCode.js"></script>
這有點…不怎麼樣。 「這該放在哪裡?」開發人員會奇怪,「靠上點,放到
標籤裡?還是靠下點,放到標籤裡?」這兩種做法都會讓富腳本站點的下場很淒慘。 標籤裡的大腳本會滯壓所有頁面渲染工作,使得使用者在腳本載入完畢之前一直處於「白屏死機」狀態。而標籤末尾的大腳本只會讓用戶看到毫無生命力的靜態頁面,原本應該進行客戶端渲染的地方卻散佈著不起作用 的控件和空空如也的方框。完美解決這個問題需要對腳本分而治之:那些負責讓頁面更好看、更好用的腳本應該立即加載,而那些可以待會兒再加載的腳本稍後再加載。但是怎麼才能既滯壓這些腳本,又能保證它們在被呼叫時的可用性呢?
一、