mirror of
https://github.com/servo/servo.git
synced 2025-08-03 12:40:06 +01:00
Added extra bool in Window object to know about its Mutation Observers
This commit is contained in:
parent
7945dff8ea
commit
a1fd6c39a2
3 changed files with 64 additions and 1 deletions
47
tests/html/mut_observer_perf.html
Normal file
47
tests/html/mut_observer_perf.html
Normal file
|
@ -0,0 +1,47 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset='utf-8'>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
window.onload = function(){
|
||||
|
||||
var script = document.createElement("script");
|
||||
script.setAttribute("attr", "val");
|
||||
|
||||
var start_test = function(targetNode,attr) {
|
||||
var start = performance.now();
|
||||
for( val = 1; val <= 1000; val++) {
|
||||
targetNode.setAttribute(attr, val);
|
||||
}
|
||||
var stop = performance.now();
|
||||
console.log('Time taken:'+ (stop - start)/1000.0);
|
||||
};
|
||||
|
||||
var config = { attributes: true, childList: true };
|
||||
console.log('Mutation Observer Algorithm performance testing...');
|
||||
|
||||
console.log('\nMutation performed without observer ->');
|
||||
start_test(script,"attr");
|
||||
|
||||
console.log('\nMutation performed with observer ->');
|
||||
var callback = function(mutationsList) {
|
||||
for(var mutation of mutationsList) {
|
||||
if (mutation.type == 'childList') {
|
||||
// Uncomment below line to see changes
|
||||
// console.log('A child node has been added or removed.');
|
||||
}
|
||||
else if (mutation.type == 'attributes') {
|
||||
// Uncomment below line to see changes
|
||||
// console.log('The ' + mutation.attributeName + ' attribute was modified.');
|
||||
}
|
||||
}
|
||||
};
|
||||
var observer = new MutationObserver(callback);
|
||||
observer.observe(script, config);
|
||||
start_test(script,"attr");
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue