JavaScript 代码执行效率对比工具

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

  • 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% 是效率最高的,剩下的自然就是效率比较低的,从而可以比较清晰地看出程序之间性能差异。

原文  http://www.barretlee.com/blog/2016/04/28/javascript-performance-tester/

本站部分文章源于互联网,本着传播知识、有益学习和研究的目的进行的转载,为网友免费提供。如有著作权人或出版方提出异议,本站将立即删除。如果您对文章转载有任何疑问请告之我们,以便我们及时纠正。

PS:推荐一个微信公众号: askHarries 或者qq群:474807195,里面会分享一些资深架构师录制的视频录像:有Spring,MyBatis,Netty源码分析,高并发、高性能、分布式、微服务架构的原理,JVM性能优化这些成为架构师必备的知识体系。还能领取免费的学习资源,目前受益良多

转载请注明原文出处:Harries Blog™ » JavaScript 代码执行效率对比工具

赞 (0)
分享到:更多 ()

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址