影响AJAX程序性能的几个方面：

• Javascript 程序本身。比如字符串的连接操作带来的性能影响
• DOM操作。操作DOM节点是很有讲究的，相同的结果采用不同的方法效率能够相差几十倍。
• 渲染页面。浏览器的引擎结合DOM和CSS渲染页面的时候也会占用时间和资源。
• 网络流量。由于网络的延迟也会造成AJAX程序性能不好。

了解这些方面之后，就知道从那些地方入手提高性能。

在动手提高性能之前，最好构造一个方法衡量性能。

常用的方法就是，准备一个测试用的数据集，在javascript上加上计时器，测出一个时间作为基准时间，然后每次改变程序之后都再看一下新的运行时间是多少。这样有明确的指

标，才能够使得提高性能的尝试通往正确的方向。

最后就是一些tips,使用这些tips可以很好提高性能：

• 使用innerHTML不要使用createElement
• 使用innerText不要使用innerHTML
• 避免改变class，直接操纵style这个对象。
• 缓存全局对象。document啊，window啊，使用这些全局对象消耗还是挺大的，如果频繁使用的话，应该把它们缓存在局部变量里。
• 缓存对象的属性，比如s.Length.
• 复用已有的元素。
• 如果字符串连接操作比较多的时候（>10000）,使用Array.join来代替字符串的 "+".

参考文献：

• Faster DHTML in 12 Steps
• Building High Performance HTML Pages
• DHTML性能提高的其他技巧
• IE + JavaScript Performance Recommendations - Part 1
• IE+JavaScript Performance Recommendations Part 2: JavaScript Code Inefficiencies
• Ajax Performance
• Boost Ajax performance using local storage
• JavaScript Performance Issues - Lesson 1
• JavaScript Performance Issues - Lesson 2
• JavaScript Performance Issues - Lesson 3

发表评论
网名：	(不填则为匿名发布)   验证码：  必须输入
评论：
	提交留言
	· 请尊重网上道德，遵守中华人民共和国的各项有关法律法规 · 承担一切因您的行为而直接或间接导致的民事或刑事法律责任 · 本站留言板管理人员有权保留或删除其管辖留言中的任意内容 · 您在本站留言板发表的作品，本站有权在网站内转载或引用 · 参与本留言即表明您已经阅读并接受上述条款