減少 JavaScript 對性能的影響有以下幾種方法:
將所有的<script>標簽放到頁面底部,也就是</body>閉合標簽之前,這能確保在腳本執行前頁面已經完成了渲染。
盡可能地合並腳本。頁面中的<script>標簽越少,加載也就越快,響應也越迅速。無論是外鏈腳本還是內嵌腳本都是如此。
采用無阻塞下載 JavaScript 腳本的方法:
使用<script>標簽的 defer 屬性(僅適用於 IE 和 Firefox 3.5 以上版本);
使用動態創建的<script>元素來下載並執行代碼;
使用 XHR 對象下載 JavaScript 代碼並注入頁面中。
通過以上策略,可以在很大程度上提高那些需要使用大量 JavaScript 的 Web 網站和應用的實際性能。