Alan Johnson
90 lines
2.4 KiB
JavaScript
90 lines
2.4 KiB
JavaScript
function perfTest(name, test) {
|
|
var timings = [];
|
|
|
|
// run the test 1000 times so we can get a happy average
|
|
for (var i = 0; i < 1000; i++) {
|
|
var testStart = new Date().getTime();
|
|
test();
|
|
var testEnd = new Date().getTime();
|
|
timings.push((testEnd - testStart)/1000);
|
|
}
|
|
|
|
return analyzeTimes(name, timings);
|
|
}
|
|
|
|
function analyzeTimes(name, timings) {
|
|
var stats = {name: name, min: null, max: null, avg: 0, total: 0};
|
|
var sum = 0;
|
|
|
|
for (var i = 0; i < timings.length; i++) {
|
|
stats.total += timings[i];
|
|
|
|
if (i == 0) {
|
|
stats.min = timings[i];
|
|
stats.max = timings[i];
|
|
}
|
|
else {
|
|
if (timings[i] > stats.max) {
|
|
stats.max = timings[i];
|
|
}
|
|
if (timings[i] < stats.min) {
|
|
stats.min = timings[i];
|
|
}
|
|
}
|
|
}
|
|
|
|
stats.avg = (stats.total / timings.length);
|
|
|
|
return stats;
|
|
}
|
|
|
|
function perfCompare(name, tests) {
|
|
var results = [];
|
|
for (var i = 0; j = tests.length, i < j; i++) {
|
|
results.push(perfTest(tests[i][0], tests[i][1]));
|
|
}
|
|
|
|
var content = '<h2>' + name + '</h2>';
|
|
content += "<table>";
|
|
content += "<tr><th>Test</th><th>Total</th><th>Average</th><th>Min</th><th>Max</th></tr>";
|
|
for (var i = 0; j = results.length, i < j; i++) {
|
|
var result = results[i];
|
|
content += "<tr>"
|
|
content += "<td>" + result.name + "</td>";
|
|
content += "<td>" + result.total + "</td>";
|
|
content += "<td>" + result.avg + "</td>";
|
|
content += "<td>" + result.min + "</td>";
|
|
content += "<td>" + result.max + "</td>";
|
|
}
|
|
content += "</table>";
|
|
$('#main').append(content);
|
|
}
|
|
|
|
|
|
// set up the templates
|
|
var tmpl = "This is the story of guys who work on a project\n" +
|
|
"called {{project}}. Their names were {{#people}}{{firstName}} and {{/people}}\n" +
|
|
"they both enjoyed working on {{project}}.\n\n" +
|
|
"{{#people}}\n" +
|
|
"{{>personPet}}\n" +
|
|
"{{/people}}";
|
|
var partials = {
|
|
personPet: "{{firstName}} {{lastName}} {{#pet}} owned a {{species}}. Its name was {{name}}.{{/pet}}{{^pet}}didn't own a pet.{{/pet}}"
|
|
};
|
|
var data = {
|
|
project: "Handlebars",
|
|
people: [
|
|
{ firstName: "Yehuda", lastName: "Katz" },
|
|
{ firstName: "Alan", lastName: "Johnson", pet: { species: "cat", name: "Luke" } }
|
|
]
|
|
}
|
|
|
|
var fn = Handlebars.compile(tmpl);
|
|
var test1 = function() {
|
|
fn(data, {partials: partials});
|
|
}
|
|
var test2 = function() {
|
|
Mustache.to_html(tmpl, data, partials);
|
|
}
|
|
perfCompare("Mustache Compatibility", [["Handlebars", test1], ["Mustache", test2]]);
|