JavaScript代码优化技巧(推荐)
来源:程序员人生 发布时间:2013-11-14 14:25:24 阅读次数:3004次
JavaScript代码的速度被分割成两部分:下载时间和执行速度
下载时间:
Web浏览器下载的是JavaScript源代码,也就是说,所有的变量名和注释都包含在内.
这个因素及其他因素会增加下载时间,这样就会增加脚本运行的总体时间.增加下载时间
的关键因素是脚本所包含的字节数.
要记住一个关键数字是1160,最好能将每个JavaScript文件都保持在1160字节以下
以获取最优的下载时间.
在JavaScript文件中,每个字符都是一个字节.因此,每个额外的字符(不管是变量名,
函数名,或者注释)都会影响下载速度.
1.删除注释
脚本中的任何注释都应该在部署之前删除,进行开发时,注释十分重要,它可以帮助小组
成员来理解代码.但是,要部署时,注释会明显使JavaScript代码体积变大.
2.删除制表符和空格
大部分优秀的程序员都会有规则地缩紧代码以增加其可阅读性.这样很好,但是浏览器不
需要这些额外的制表符和空格.所以最好删掉它们.也不要忘记函数参数,赋值语句以及比较
操作之间的空格.
function doSomething ( arg1, arg2, arg3 ) { alert(arg1 + arg2 + arg3); }
function doSomething(arg1,arg2,arg3){alert(arg1+arg2+arg3);}
对于JavaScript解释程序来说,这两行完全一样.虽然第一行比第二行多了12个字节.
删除参数,括号和其他语言分隔符之间的空格可以有效的减少文件的整体大小,这样就缩短了
下载时间.
3.删除所有的换行
接下来,就要删除所有的换行符来减少脚本尺寸.只要你在程序的每行的结尾都正确地添加了分号,就不需要任何换行符.
4.替换变量名
这是实现起来最无聊的一种优化方法.替换变量名通常不是手工完成的,因为这个过程并非
简简单单地文件查找,替换操作.
function doSomething(sName,sAge,sCity){alert(sName+sAge+sCity);}
function doSomething(a1,a2,a3){alert(a1+a2+a3);}
上面第一行代码是原先的;第二行将参数名称替换后的.这样,就减少了16个字节.想象一下,
如果脚本中的变量名都被替换成一两个字符长,会节约多少长度?
生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠