【DOM编程艺术】性能考虑

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

<script type="text/javascript">
if(document.getElementsByTagName('a').length>0){
     var links=document.getElementsByTagName('a');
	 for(var i=0;i<links.length;i++){
	    
	 }
}
</script>

解决办法：将document.getElementsByTagName('a')存入一个变量　　

2.合并和放置脚本

<script type="text/javascript" src="script/functionA.js"></script>
<script type="text/javascript" src="script/functionB.js"></script>
<script type="text/javascript" src="script/functionC.js"></script>
<script type="text/javascript" src="script/functionD.js"></script>

推荐的做法是把functionA.js、functionB.js、functionC.js和functionD.js合并到一个脚本文件中。这样，可以减少加载页面时发送的请求数量。

位于<head>块中的脚本会导致浏览器无法并行加载其他文件（如图像和其他脚本）。一般来说，根据HTTP规范，浏览器每次从同一个域名中最多只能同时下载两个文件。而在下载脚本期间，浏览器不会下载其他任何文件，即使是来自不同域名的文件也不会下载，所有其他资源都要等脚本加载完毕后才能下载。

3.压缩文本

所谓压缩脚本，指的是把脚本文件中不必要的字节，如空格和注释，统统删除，从而达到压缩文本的目的。

有的精简程序甚至会重写你的部分代码，使用更短的变量名（如a、b），从而减少整体文件大小。

推荐几个代表性的代码压缩工具：雅虎的YUI Compressor、谷歌的Closure Compiler