首頁 > web前端 > js教程 > JavaScript 的效能優化:載入與執行

JavaScript 的效能優化:載入與執行

黄舟
發布: 2017-02-07 14:48:25
原創
948 人瀏覽過

隨著 Web2.0 技術的不斷推廣,越來越多的應用使用 javascript 技術在客戶端進行處理,從而使 JavaScript 在瀏覽器中的效能成為開發者所面臨的最重要的可用性問題。而這個問題又因 JavaScript 的阻塞特性變的複雜,也就是說當瀏覽器在執行 JavaScript 程式碼時,不能同時做其他事情。

本文詳細介紹如何正確的載入和執行 JavaScript 程式碼,從而提高其在瀏覽器中的效能。

01-

概覽

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

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

當瀏覽器遇到

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