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