Open hughfenghen opened 2 months ago
首先，代码简洁易懂通常更重要，性能优化应在明确性能瓶颈后再开始优化； 其次，系统性能问题往往是 DOM 操作、 IO 操作（文件读写、网络请求）、内存大量分配占用导致，性能问题应优先往这些方向排查。
当你的项目确实需要消耗大量计算资源（如 音视频、游戏、大量数据处理），有许代码被高频执行（如 十万次以上的循环）
可参考这篇文章中提到的技巧，进行代码运行方面的优化。 Optimizing Javascript for fun and for profit
0. Avoid work 避免多余的工作 1. Avoid string comparisons 避免字符串比较 2. Avoid different shapes 避免不同形状 3. Avoid array/object methods 避免一些数组/对象方法 4. Avoid indirection 避免间接访问 5. Avoid cache misses 避免缓存穿透 6. Avoid large objects 避免大型对象 7. Use eval 小心地使用 eval 8. Use strings, carefully 小心使用字符串 9. Use specialization 逻辑分支优化 10. Data structures 数据结构 11. Benchmarking 基准测试 12. Profiling & tools 分析和工具 Final notes 最后的笔记
首先，代码简洁易懂通常更重要，性能优化应在明确性能瓶颈后再开始优化； 其次，系统性能问题往往是 DOM 操作、 IO 操作（文件读写、网络请求）、内存大量分配占用导致，性能问题应优先往这些方向排查。
当你的项目确实需要消耗大量计算资源（如 音视频、游戏、大量数据处理），有许代码被高频执行（如 十万次以上的循环）
可参考这篇文章中提到的技巧，进行代码运行方面的优化。 Optimizing Javascript for fun and for profit
0. Avoid work 避免多余的工作 1. Avoid string comparisons 避免字符串比较 2. Avoid different shapes 避免不同形状 3. Avoid array/object methods 避免一些数组/对象方法 4. Avoid indirection 避免间接访问 5. Avoid cache misses 避免缓存穿透 6. Avoid large objects 避免大型对象 7. Use eval 小心地使用 eval 8. Use strings, carefully 小心使用字符串 9. Use specialization 逻辑分支优化 10. Data structures 数据结构 11. Benchmarking 基准测试 12. Profiling & tools 分析和工具 Final notes 最后的笔记