提升脚本对Web应用整体性能的影响

来源:互联网 发布:mysql分页查询语句代码 编辑:程序博客网 时间:2024/05/17 01:05

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

访问DOM某个元素的方式是搜索整个DOM树,从中查找匹配的元素,减少访问的次数的办法是,把第一次搜索到的结果保存在变量中,然后取变量值进行访问。
另外,过多不必要的标签只会增加DOM树的规模,进而增加访问的成本。

2. 合并和放置脚本

使用外部脚本,通过<script>加载,如果<script>标签数量过多,加载页面时就会发送多少个请求,所以合并脚本文件通常在性能优化时作为首要考虑。
另外脚本的位置放置也大有影响,放在<head区域会导致浏览器无法加载其他文件。最好是恰当的将<script标签放在</body>之前,这样可以让页面变得更快,样式标签还是保留<head区域。

3. 压缩脚本

压缩脚本文件,就是把脚本文件中不必要的字节,如空格和注释,统统删除,并且重写部分代码,如使用更短的变量名,从而达到压缩文件的目的。

0 0