IT技术博客大学习 共学习 共进步

JavaScript 代码执行效率对比工具

小胡子哥的个人网站 2016-05-05 22:41:53 浏览 1,441 次

平时写些小页面小程序,一般不会出现性能问题,但是在大的工程,或者在写一个框架、类库的时候,代码的性能就需要提高一个优先级了。测试代码的性能有多种方案:

  • https://jsperf.com 上测试

  • 使用 console.time 来收集代码执行的时间

    console.time('Name');
    // code here...
    console.timeEnd('Name');
  • 自己写一个时间控制器

本文自然就是自己撸一个简单易用的测试工具,效果如下图:

JavaScript 代码执行效率对比工具

设计分析

可以先把代码下载下来,跑起来:

git clone https://github.com/barretlee/performance.git
cd performance/test;
open index.html;

或者直接打开测试页面:https://barretlee.github.io/performance/test/

点击代码按钮,Performance 会循环执行 button 中的代码,持续时间是设定的 1000ms,每次执行完,都会计算出相对效率,100% 是效率最高的,剩下的自然就是效率比较低的,从而可以比较清晰地看出程序之间性能差异。

相关阅读

建议继续学习

  1. Mysql监控指南 (阅读 21,102)
  2. 分享一个JQUERY颜色选择插件 (阅读 14,062)
  3. MacBook Air与工作效率 (阅读 10,543)
  4. 服务器性能测试工具推荐 (阅读 7,902)
  5. 加班与效率 (阅读 6,022)
  6. 性能测试工具sysbench简介 (阅读 5,903)
  7. 10个最有帮助的在线协同工具 (阅读 5,842)
  8. 为什么我认为每个穷网站开发程序员都应该用Linux[工具篇] (阅读 5,423)
  9. 使用PHP_UML生成代码的UML图 (阅读 5,321)
  10. 轻量级在线原型设计工具mockingbird (阅读 5,121)