PerformanceTests/Mutation/append-child-deep.html

   1 <!DOCTYPE html>
   2 <body>
   3 <pre id="log"></pre>
   4 <script src="../resources/runner.js"></script>
   5 <div id="sandbox" style="display:none"></div>
   6 <script>
   7 var sandbox = document.getElementById('sandbox');
   8 var node = sandbox;
   9 for (var i = 0; i < 200; ++i)
  10     node = node.appendChild(document.createElement('div'));
  11 var elems = [];
  12 for (var i = 0; i < 50000; ++i)
  13     elems[i] = document.createElement('div');
  14 var observing = false;
  15
  16 var observer = new WebKitMutationObserver(listener);
  17 var tickledSpan = document.createElement('span');
  18 observer.observe(tickledSpan, {attributes: true});
  19
  20 function resetState() {
  21     window.start = null;
  22     window.numRuns = 25;
  23     window.times = [];
  24 }
  25
  26 function runAgain() {
  27     tickledSpan.setAttribute('data-foo', numRuns);
  28 }
  29
  30 function listener(mutations) {
  31     if (start) {
  32         var time = Date.now() - start;
  33         times.push(time);
  34         PerfTestRunner.log(time);
  35     }
  36     if (numRuns-- >= 0) {
  37         runAgain();
  38         if (observing)
  39             observer.disconnect()
  40         node.innerHTML = '';
  41         if (observing)
  42             observer.observe(sandbox, {childList: true, subtree: true});
  43         start = Date.now();
  44         for (var i = 0; i < elems.length; ++i)
  45             node.appendChild(elems[i]);
  46     } else {
  47         PerfTestRunner.logStatistics(times);
  48         if (!observing) {
  49             observing = true;
  50             resetState();
  51             PerfTestRunner.log('\n------------\n');
  52             PerfTestRunner.log('Running ' + numRuns + ' times with observation');
  53             setTimeout(runAgain, 0);
  54         }
  55     }
  56 }
  57
  58 resetState();
  59 PerfTestRunner.log('Running ' + numRuns + ' times without observation');
  60 window.addEventListener('load', runAgain);
  61 </script>
  62 </body>