mirror of
https://github.com/servo/servo.git
synced 2025-08-03 04:30:10 +01:00
New html page for testing DOM binding performance #5760
This commit is contained in:
parent
96311aa9b7
commit
2a729166c1
1 changed files with 70 additions and 0 deletions
70
tests/html/test_dom_performance.html
Normal file
70
tests/html/test_dom_performance.html
Normal file
|
@ -0,0 +1,70 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<script>
|
||||
var ITERATIONS = 100000;
|
||||
|
||||
var tests = {
|
||||
testGetLabelString: function() {
|
||||
var label = document.getElementById("lb");
|
||||
for (var i=0; i<ITERATIONS; ++i) {
|
||||
var str = label.textContent;
|
||||
}
|
||||
},
|
||||
|
||||
testGetLabelNumber: function() {
|
||||
var label = document.getElementById("lb");
|
||||
for (var i=0; i<ITERATIONS; ++i) {
|
||||
var str = label.nodeType;
|
||||
}
|
||||
},
|
||||
|
||||
testSetLabel: function() {
|
||||
var label = document.getElementById("lb");
|
||||
for (var i=0; i<ITERATIONS; ++i) {
|
||||
label.innerHTML = "Test string new";
|
||||
}
|
||||
},
|
||||
|
||||
testCallSimpleMethod: function() {
|
||||
var label = document.getElementById("lb");
|
||||
for (var i=0; i<ITERATIONS; ++i) {
|
||||
label.blur();
|
||||
}
|
||||
},
|
||||
|
||||
testCallMethodReturnValue: function() {
|
||||
var label = document.getElementById("lb");
|
||||
for (var i=0; i<ITERATIONS; ++i) {
|
||||
document.adoptNode(label);
|
||||
}
|
||||
},
|
||||
|
||||
testEventObjectCreation: function() {
|
||||
for (var i=0; i<ITERATIONS; ++i) {
|
||||
var event = new Event('build');
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
function runTests() {
|
||||
var res = document.getElementById("results");
|
||||
res.innerHTML = '';
|
||||
for (t in tests) {
|
||||
var beginTime = performance.now();
|
||||
tests[t]();
|
||||
var endTime = performance.now();
|
||||
var diff = ((endTime - beginTime) / ITERATIONS * 1000000).toFixed(0);
|
||||
res.innerHTML = res.innerHTML + t + ": " + diff + " ns<br>";
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body onload="runTests()">
|
||||
<label id="lb">Test string</label> <br>
|
||||
<h1>Results:</h1>
|
||||
<div id="results">Processing...</div>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue