summaryrefslogtreecommitdiffstats
path: root/devtools/client/performance/test/doc_markers.html
blob: e7cbf84b98b86e2d8f8552f1c05e04e40242f9cf (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!-- Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/ -->
<!doctype html>

<html>
  <head>
    <meta charset="utf-8"/>
    <title>Performance tool marker generation</title>
  </head>

  <body>
    <script type="text/javascript">
      "use strict";
      function test() {
        let i = 10;
        // generate sync styles and reflows
        while (--i) {
          /* eslint-disable no-unused-vars */
          const h = document.body.clientHeight;
          /* eslint-enable no-unused-vars */
          document.body.style.height = (200 + i) + "px";
          // paint
          document.body.style.borderTop = i + "px solid red";
        }
        console.time("!!!");
        test2();
      }
      function test2() {
        console.timeStamp("go");
        console.timeEnd("!!!");
      }

      // Prevent this script from being garbage collected.
      window.setInterval(test, 1);
    </script>
  </body>

</html>