`

13 个 JavaScript 性能提升技巧

 
阅读更多

Daniel Clifford 在 Google I/O 2012 上做了一个精彩的演讲“Breaking the JavaScript Speed Limit with V8”。在演讲中,他深入解释了13个简单的代码优化方法,可以让你的代码在 Chrome 的 V8 JavaScript 引擎编译/运行你的 JavaScript 代码更加快速。在演讲中,他解释了怎么优化,并且解释了原因。下面简明的列出了优化的要点:

1. 在构造函数中初始化所有的对象
2. 始终用相同的顺序初始化对象
3. 尽量使用数字
4. 为数组使用从0开始的连续的主键
5. 不要提前分配大型数组(>64K),你应该在使用的过程中扩大数组
6. 不要删除数组中的元素
7. 不要装在没有初始化或者已经删除的元素
8. 对于固定大小的数组,使用”array literals“初始化
9. 在使用前分配正确的空间大小给小数组
10. 不要在数值数组中存储非数值内容
11. 尽量使用单一类型(monomorphic)而不是多类型(polymorphic)
12. 不要使用 try{} catch{}
13. 在优化后避免在方法中修隐藏的类

如果你有时间的话,请看完整的视频还有 PPT ,强烈推荐!我将时常看看这个列表,并对比我的代码。

10
9
分享到:
评论
2 楼 kingwell.leng 2012-07-14  
同意楼上的
1 楼 dingherry 2012-07-11  
哪里来的那么多“不要”,你做过编程吗?
当然也不是否定你的“不要”,而是适时优化。

相关推荐

    13 个JavaScript 性能提升技巧分享

    13个简单的代码优化方法,可以让你的代码在 Chrome 的 V8 JavaScript 引擎编译/运行你的 JavaScript 代码更加快速

    高性能JavaScript 编程pdf电子书(中英文对译)

    你将会了解如何提升各方面的性能,包括代码的加载、运行、DOM交互、页面生存周期等。雅虎的前端工程师Nicholas C. Zakas和其他五位JavaScript专家介绍了页面代码加载的最佳方法和编程技巧,来帮助你编写更为高效和...

    《高性能JavaScript》

    你将会了解如何提升各方面的性能,包括代码的加载、运行、DOM交互、页面生存周期等。雅虎的前端工程师Nicholas C. Zakas和其他五位JavaScript专家介绍了页面代码加载的最佳方法和编程技巧,来帮助你编写更为高效和...

    高性能JavaScript

    你将会了解如何提升各方面的性能,包括代码的加载、运行、DOM交互、页面生存周期等。雅虎的前端工程师Nicholas C. Zakas和其他五位JavaScript专家介绍了页面代码加载的最佳方法和编程技巧,来帮助你编写更为高效和...

    高性能JavaScript 高清完整.pdf版下载

    你将会了解如何提升各方面的性能,包括代码的加载、运行、DOM交互、页面生存周期等。雅虎的前端工程师Nicholas C. Zakas和其他五位JavaScript专家介绍了页面代码加载的最佳方法和编程技巧,来帮助你编写更为高效和...

    Web性能优化系列 10个提升JavaScript性能的技巧

    他是《高性能 Javascript》的作者,这本书值得每个程序员去阅读。 当谈到 JS 性能的时候,Zakas差不多就是你要找的,2010年六月他在Google Tech Talk发表了名为《Speed Up Your Javascript》的演讲。 但 Javascript ...

    高性能JavaScript编程(中英文)

    你将会了解如何提升各方面的性能,包括代码的加载、运行、DOM交互、页面生存周期等。雅虎的前端工程师Nicholas C. Zakas和其他五位JavaScript专家介绍了页面代码加载的最佳方法和编程技巧,来帮助你编写更为高效和...

    高性能JavaScript(High Performance JavaScript )

    你将会了解如何提升各方面的性能,包括代码的加载、运行、DOM 交互、页面生存周期等。雅虎的前端工程师 Nicholas C. Zakas 和其他五位 JavaScript 专家介绍了页面代码加载的最佳方法和编程技巧,来帮助你编写更为...

    JavaScript高级应用与实践

    资源名称:Javascript高级应用与实践内容简介:本书的内容涵盖大量提升Javascript性能的一些技巧、鲜为人知的写法,以及Javascript在Web项目中某些智能的、经典的设计。本书在讲解过程中会有大量...

    高性能JavaScript编程

    你将会了解如何提升各方面的性能,包括代码的加载、运行、DOM交互、页面生存周期等。雅虎的前端工程师Nicholas C. Zakas和其他五位JavaScript专家介绍了页面代码加载的最佳方法和编程技巧,来帮助你编写更为高效和...

    高性能JavaScript_中英双语版.rar

    你将会了解如何提升各方面的性能,包括代码的加载、运行、DOM交互、页面生存周期等。雅虎的前端工程师Nicholas C. Zakas和其他五位JavaScript专家介绍了页面代码加载的最佳方法和编程技巧,来帮助你编写更为高效和...

    高性能Javascript编程--英文版

    你将会了解如何提升各方面的性能,包括代码的加载、运行、DOM交互、页面生存周期等。雅虎的前端工程师Nicholas C. Zakas和其他五位JavaScript专家介绍了页面代码加载的最佳方法和编程技巧,来帮助你编写更为高效和...

    JavaScript提升性能的常用技巧总结【经典】

    主要介绍了JavaScript提升性能的常用技巧,结合实例形式总结分析了JavaScript编程中常见的性能提升优化技巧,涉及作用域、循环、变量、DOM及函数节流等,非常具有实用价值,需要的朋友可以参考下

    使用Function.apply()的参数数组化来提高 JavaScript程序性能的技巧

    我们再来聊聊Function.apply() 在提升程序性能方面的技巧。 我们先从 Math.max() 函数说起, Math.max后面可以接任意个参数,最后返回所有参数中的最大值。 比如 alert(Math.max(5,8)) //8 alert(...

Global site tag (gtag.js) - Google Analytics