Javascript 是一门解释性的语言,他是直接下载到用户的客户端进行执行。 因此代码本
身的优劣直接决定了代码下载的速度已经执行的效率。
Javascript优化问题,包括代码下载时间、代码执行时间、优化的一些原则等。
1. Web浏览器下载的是JavaScript的源码,其中包含的长变量名、注释、空格和换行等
多余字符大大减缓了代码的下载的时间。 这些字符对于团队编写代码时十分有效,但是在最
后上传到server,可以考虑删除。 可用到的工具是:JSMin、OnlineJSCompressor等。关键词是:减少代码体积。
具体实例:
(1) 定义数组是不用new Array(),而是直接用"[]"代替;
(2) 对象定义时不用new Object(),而是用"{}"代替。
var arra = new Array() ====> var arra = [];
var obj = new Object() ====> var obj = {};
2. 合理声明变量
在Broswer中,JavaScript默认的变量范围是window对象,也就是全局变量。 全局变量只有在Broswer关闭后才释放。 局部变量通常在function中执行完毕就立即被释放。 故在函数体重要尽可能使用var 关键字来声明变量。
3. 尽量使用内置函数缩短编译时间。
因为内置的属性、方法都是用类C、C++之类的语言编译过得,运行起来比实施编译的JS快很多。如指数函数等。
4. 合理书写IF语句。
(1)If语句执行效率并不高,在用if和多个else语句时,一定要把最有可能的情况发在第一位,然后可能性第二的...依次类推。
(2)通常当超过两种情况是 ,最好使用switch语句。经常使用switch语句替代if语句,可以令执行速度甚至快10倍。 另外case语句可以使用任何类型。
5. 最小化语句数量,脚本中语句越少执行的时间月短,而且代码的提交也会相应减小。例如用var语句定义变量时可以一次定义多个如:
var iNum = 234; var sColo = "red";
====>var iNum = 234,sColo="red";
var s = acas[i];
i++;
====> var s = acas[i++];
6 节约使用DOM(次数), JS对DOM的处理可能是最耗费时间的操作之一。每次JS对DOM的 操作都会改变页面的表现,并重新渲染整个页面,从而有明显的时间消耗。
分享到:
相关推荐
javascript、jquery性能优化
JavaScript优化.docx
JavaScript优化方法
JavaScript优化细节
javascript优化 让你更快的了解JS核心内容
javascript内容第六节 事件流 事件委托 懒加载 预加载
本文总结了Javascript优化技巧,旨在提高Javascript代码的执行效率,减少文件大小,提高下载速度。以下是本文中提到的知识点: 1. 删除注释:在实际生产环境中,删除注释可以减少文件大小,提高下载速度。 2. 删除...
前端 web素材 中级进阶
前端 每日代码 中级进阶
javascript性能优化javascript性能优化
主要介绍了JavaScript优化专题中Loading and Execution加载和运行的相关资料,感兴趣的小伙伴们可以参考一下
JavaScript 优化是提高 JavaScript 的运行速度的一个重要方面。例如,使用异步调用、memoization 技术和重构函数等方法可以提高 JavaScript 的运行速度。 本文讨论了如何提升 JavaScript 的运行速度的方法,包括...
高性能 JavaScript 优化 [高性能JavaScript编程].(High.Performance.JavaScript).Nicholas.C.Zakas.文字版
Javascript 性能优化的一点技巧
主要介绍了Javascript优化技巧之短路表达式详细介绍,本文讲解了什么是短路表达式,并给出了一些示例,需要的朋友可以参考下
JavaScript性能优化的小知识总结共23页.pdf.zip
JavaScript 性能优化的小知识总结
很多很小的改变可以让用户体验有个飞跃提升,所以任何一点儿小小的优化都会提升你网站的性能。 这篇文章主要介绍了浅谈前端网络、JavaScript优化以及开发小技巧,有兴趣的可以了解一下。
野性病毒 基于出色的主题,针对Vim进行了JavaScript优化的深色主题。