但是如果嫌麻煩，瀏覽器提供了兩種方式方便解決這個問題，defer和async屬性，下面是瀏覽器對兩者的支援程度
主流瀏覽器對defer屬性的支援程度
主流瀏覽器對async屬性的支援程度
除了ie需要注意，別的瀏覽器都能支援
defer屬性和async屬性都是讓指令碼檔案非同步載入，即載入過程不阻塞dom渲染
所以defer往往被用在相互有牽連的指令碼之間，而async被用於不相干指令碼之間
在不確定是否會有相關聯指令碼的時候，應該優先採取defer屬性
前端效能優化 資源預載入
預載入是瀏覽器對將來可能被使用資源的一種暗示，一些資源可以在當前頁面使用到，一些可能在將來的某些頁面中被使用。作為開發人員，我們比瀏覽器更加了解我們的應用，所以我們可以對我們的核心資源使用該技術。預載入可以拆分成很多小點 dns prefetch,subresource,prefetch,preco...
前端效能優化 資源預載入
預載入是瀏覽器對將來可能被使用資源的一種暗示，一些資源可以在當前頁面使用到，一些可能在將來的某些頁面中被使用。作為開發人員，我們比瀏覽器更加了解我們的 應用，所以我們可以對我們核心資源使用該技術。當提到前端效能優化時，我們首先會聯想到檔案的合併，壓縮，檔案快取和開啟服務端的gzip壓縮等，這使得頁面...
前端效能優化 載入頁面和靜態資源
前端效能優化主要從兩個方面進行 1.載入頁面和靜態資源 2.頁面渲染 載入頁面和靜態資源主要可以從三個角度進行 靜態資源的合併 壓縮 靜態資源快取 css img 使用cdn讓靜態資源載入更快 我們乙個乙個仔細展開說。靜態資源的合併和壓縮能夠減少http請求的數量和請求資源的大小。可以使用webpa...