转载

JavaScript 代码执行效率对比工具

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

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

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

正文到此结束

所属分类：编程技术

本文标签： http js src https 性能问题 git HTML ip 时间测试代码 java GitHub JavaScript UI 下载
版权声明： 本文为互联网转载文章，出处已在文章中说明(部分除外)。如果侵权，请联系本站长删除，谢谢。
本文海报： 生成海报一生成海报二

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。