JavaScript 的性能优化：加载和执行-tutorial js-php.cn

JavaScript 的性能优化：加载和执行

黄舟

Lepaskan： 2017-02-07 14:48:25

asal

936 orang telah melayarinya

随着 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>

Salin selepas log masuk

当浏览器遇到

Artikel terbaru oleh pengarang