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

• 在 https://jsperf.com 上测试

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

  console.time('Name'); // code here... console.timeEnd('Name');

• 自己写一个时间控制器

本文自然就是自己撸一个简单易用的测试工具，效果如下图：我要说话

我要说话

设计分析

可以先把代码下载下来，跑起来：我要说话

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

或者直接打开测试页面：https://barretlee.github.io/performance/test/。我要说话

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

相关阅读

• https://share.web-tinker.com/performance.js

建议继续学习：

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