append-child-measure-time.html | Explore in Territory

<!DOCTYPE html>
<html>
<body>
  <div id="holder">
  </div>
<script src="../resources/runner.js"></script>
</script>
<script>
var holderElement = document.getElementById("holder");

PerfTestRunner.measureTime({
    description: "Measures performance of layout when adding many child elements.",

    setup: function() {
      while (holderElement.firstChild) {
        holderElement.removeChild(holderElement.firstChild);
      }
    },

    run: function() {
        for (var i = 0; i < 50; ++i) {
            var element = document.createElement("div");
            element.title = 'dummy';
            element.innerText = "FOO";
            holderElement.appendChild(element);
            PerfTestRunner.forceLayout();
        }
    },
    warmUpCount: 3,
    iterationCount: 5,
    tracingCategories: 'blink',
    traceEventsToMeasure: ['LocalFrameView::layout', 'UpdateLayoutTree']
});
</script>
</body>
</html>

chromium/third_party/blink/perf_tests/test_data/append-child-measure-time.html