`

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 ,强烈推荐!我将时常看看这个列表,并对比我的代码。
英文版
http://www.jonefox.com/blog/2012/07/10/13-javascript-performance-tips/
分享到:
评论

相关推荐

    13 个JavaScript 性能提升技巧分享

    以上就是Daniel Clifford在Google I/O 2012上分享的13个JavaScript性能优化技巧。这些技巧虽然简单,但通过适当的应用,可以显著提升JavaScript代码在Chrome浏览器中的运行速度。需要注意的是,这些技巧要根据具体的...

    Javascript 性能优化的一点技巧

    ### JavaScript性能优化技巧详解 #### 引言 随着Web应用的日益复杂,JavaScript作为前端开发的核心语言之一,其运行效率直接影响着用户体验与整体性能。因此,掌握一定的JavaScript性能优化技巧对于提升应用程序...

    JavaScript性能优化技巧分享共8页.pdf.zip

    这份"JavaScript性能优化技巧分享共8页.pdf.zip"压缩包文件很可能是对一些关键优化策略的总结,虽然我们无法直接查看具体内容,但根据标题和标签,我们可以探讨一些常见的JavaScript性能优化方法。 1. **延迟加载...

    高性能JavaScript 2015

    这本书面向的是中级到高级的JavaScript开发者,旨在帮助他们理解并掌握提升JavaScript性能的关键技术与策略。 在JavaScript的世界里,性能是至关重要的,尤其在现代Web应用程序变得越来越复杂的情况下。本书涵盖了...

    JavaScript语言精粹(高清电子版)和高性能JavaScript 双语版

    本文将深入探讨标题和描述中提及的两本书籍《JavaScript语言精粹》和《高性能JavaScript》所涵盖的知识点。 首先,我们来关注《JavaScript语言精粹》。这本书主要侧重于JavaScript的核心概念和最佳实践,旨在帮助...

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

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

    《高性能JavaScript编程》.Nicholas.C.Zakas著.英文版

    6. **JavaScript性能分析**:Zakas教授了如何使用开发者工具进行性能分析,识别性能瓶颈,并提供了改善代码性能的技巧,如避免阻塞渲染、减少HTTP请求等。 7. **JavaScript错误处理**:书中讨论了如何有效地捕获和...

    JavaScript小技巧全集 JavaScript教程 JavaScript源代码集

    标签中的“技巧”涵盖了很多领域,比如性能优化、错误处理、异步编程(如Promise和async/await)、模块化(如CommonJS和ES模块)、以及最新的JavaScript特性,如箭头函数、模板字符串、解构赋值等。 总的来说,这个...

    《高性能JavaScript》(尼古拉斯·泽卡斯).pdf

    总而言之,《高性能JavaScript》是一本全面讲解JavaScript性能优化的指南,无论你是初学者还是经验丰富的开发者,都能从中获益。通过学习书中的理论知识和实践技巧,你可以编写出运行更快、更稳定的JavaScript程序。

    高性能JavaScript + 高清+目录 PDF

    它主要针对那些希望提升JavaScript应用程序性能的开发者,无论是前端网页开发还是后端Node.js应用,都能从中受益。本书全面覆盖了JavaScript语言的各个方面,旨在帮助读者理解并掌握如何编写高效、可维护的代码。 ...

    High Performance JavaScript(高性能Javascript编程) 【中英文对版】

    作者通过自身的实践经验,揭示了JavaScript编程中的诸多关键技巧和策略,帮助读者理解并应用这些知识来提升程序的运行速度。 1. **内存管理**:书中会详细讲解JavaScript内存分配和垃圾回收机制,包括闭包、作用域...

    《高性能 JavaScript》

    在浏览器中的JavaScript性能无疑是开发者面临的关键可用性问题。由于JavaScript的阻塞性质,在执行JavaScript代码时,其他任何操作都无法进行。实际上,大多数浏览器都使用单一进程来处理用户界面(UI)更新和...

    [高性能JavaScript编程].(High.Performance.JavaScript).Nicholas.C.Zakas.中英对照版.pdf

    这本书以中英对照的形式,为读者提供了丰富的JavaScript性能优化技巧和实践方法,旨在帮助开发者构建更快、更稳定的应用程序。 JavaScript作为一种广泛应用于Web开发的脚本语言,其性能优化的重要性不言而喻。本书...

    高性能JavaScript

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

    [高性能JavaScript编程].(High.Performance.JavaScript).Nicholas.C.Zakas.文字版

    公司的高级前端工程师,他在书中分享了大量实战经验与技巧,帮助读者优化JavaScript性能,提升网页的加载速度和运行效率。 首先,书中讲述了JavaScript代码的加载与执行,这是性能优化的第一步。作者强调了脚本的...

    1000个javascript小技巧

    这本名为"1000个JavaScript小技巧"的资源集锦涵盖了各种实用的编程技巧,旨在帮助开发者提升效率,解决实际问题。以下是一些关键的知识点,将从这1000个小技巧中提炼出来: 1. **变量声明与作用域**:了解`var`、`...

Global site tag (gtag.js) - Google Analytics