国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > jscript > JavaScript代码优化技巧(推荐)

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个字节.想象一下,

如果脚本中的变量名都被替换成一两个字符长,会节约多少长度?

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生