首頁 > web前端 > js教程 > 加快JavaScript載入和執行效率

加快JavaScript載入和執行效率

黄舟
發布: 2017-02-21 11:22:00
原創
1226 人瀏覽過



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>
登入後複製

當瀏覽器遇到

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板