Last active
October 28, 2016 11:43
-
-
Save antitoxic/90938f9a8270f9a1797582cd88379efd to your computer and use it in GitHub Desktop.
Dynamic class creation performance #jsbench #jsperf (https://jsbench.github.io/#90938f9a8270f9a1797582cd88379efd) #jsbench #jsperf
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"/> | |
| <title>Dynamic class creation performance #jsbench #jsperf</title> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script> | |
| <script src="./suite.js"></script> | |
| </head> | |
| <body> | |
| <h1>Open the console to view the results</h1> | |
| <h2><code>cmd + alt + j</code> or <code>ctrl + alt + j</code></h2> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "use strict"; | |
| (function (factory) { | |
| if (typeof Benchmark !== "undefined") { | |
| factory(Benchmark); | |
| } else { | |
| factory(require("benchmark")); | |
| } | |
| })(function (Benchmark) { | |
| var suite = new Benchmark.Suite; | |
| Benchmark.prototype.setup = function () { | |
| var styleEl = document.head.appendChild(document.createElement('style')) | |
| var sheet = styleEl.sheet; | |
| var divEl = document.body.appendChild(document.createElement('div')) | |
| }; | |
| suite.add("styleEl.innerHTML = '.red {color:red}';", function () { | |
| styleEl.innerHTML = '.red {color:red}'; | |
| }); | |
| suite.add("sheet.insertRule('.red {color:red}');", function () { | |
| sheet.insertRule('.red {color:red}'); | |
| }); | |
| suite.add("divEl.style.color = 'red';", function () { | |
| divEl.style.color = 'red'; | |
| }); | |
| suite.on("cycle", function (evt) { | |
| console.log(" - " + evt.target); | |
| }); | |
| suite.on("complete", function (evt) { | |
| console.log(new Array(30).join("-")); | |
| var results = evt.currentTarget.sort(function (a, b) { | |
| return b.hz - a.hz; | |
| }); | |
| results.forEach(function (item) { | |
| console.log((idx + 1) + ". " + item); | |
| }); | |
| }); | |
| console.log("Dynamic class creation performance #jsbench #jsperf"); | |
| console.log(new Array(30).join("-")); | |
| suite.run(); | |
| }); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment