加快JavaScript載入和執行效率-js教程-PHP中文網

JavaScript 在瀏覽器中的效能成為開發者所面臨的最重要的可用性問題。而這個問題又因 JavaScript 的阻塞特性變的複雜，也就是說當瀏覽器在執行 JavaScript 程式碼時，不能同時做其他事情。本文詳細介紹如何正確的載入和執行 JavaScript 程式碼，從而提高其在瀏覽器中的效能。

概覽

無論目前 JavaScript 程式碼是內嵌還是在外鏈檔案中，頁面的下載和渲染都必須停下來等待腳本執行完成。 JavaScript 執行過程耗時越久，瀏覽器等待回應使用者輸入的時間就越長。瀏覽器在下載和執行腳本時出現阻塞的原因在於，腳本可能會改變頁面或 JavaScript 的命名空間，它們會對後面頁面內容造成影響。一個典型的例子就是在頁面中使用document.write()。

JavaScript 程式碼內嵌範例

<html>
<head>
    <title>Source Example</title>
</head>
<body>
    <p>
    <script type="text/javascript">
        document.write("Today is " + (new Date()).toDateString());
    </script>
    </p>
</body>
</html>

登入後複製

當瀏覽器遇到

熱門教學

更多>

相關教學