技术头条(投递你的文章)     搜索本站     邮件订阅     微信号:IT技术博客大学习
您现在的位置首页 --> JavaScript --> JavaScript 代码执行效率对比工具

JavaScript 代码执行效率对比工具

浏览:87次  出处信息

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

  • 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监控指南    (阅读:16383)
  2. 分享一个JQUERY颜色选择插件    (阅读:9603)
  3. MacBook Air与工作效率    (阅读:8597)
  4. 服务器性能测试工具推荐    (阅读:5291)
  5. 10个最有帮助的在线协同工具    (阅读:4036)
  6. 性能测试工具sysbench简介    (阅读:3989)
  7. 加班与效率    (阅读:3928)
  8. 使用PHP_UML生成代码的UML图    (阅读:3572)
  9. 为什么我认为每个穷网站开发程序员都应该用Linux[工具篇]    (阅读:3544)
  10. 轻量级在线原型设计工具mockingbird    (阅读:3359)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2017 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号