JavaScript_性能考虑

Posted 2021-06-28 akyna-zh

1.尽量少访问DOM和尽量减少标记

不管什么时候，只要是查询DOM中的某些元素，浏览器都会搜索某个DOM树，所以应当尽可能减少搜索次数，也就是少访问DOM。而为了加快访问效率，则应该让标记尽可能少，缩小树的规模。

在多个函数取一组类似元素的情况下，可以考虑重构代码，把搜索结果保存在一个全局变量内，或者把一组元素直接以参数形式传递给函数。

2.合并和放置脚本

尽量不要使用多个脚本而应该把多个脚本合并在一起，这样可以减少加载页面时发送的请求数量，得到性能优化。

把所有<script>标签都放到文档末尾，</body>标记之前，可以让页面变得更快。

3.压缩脚本

通过压缩脚本工具可以对脚本进行压缩，比如删除了空格和注释，改用更短的变量名从而减少整体文件的大小。

多数情况下，应该有两个版本的脚本，一个是工作副本，可以修改代码并添加注释，另一个是精简副本，用于放在站点上。