tools/perf/page_sets/key_noop_cases/no_op_raf.html

   1 <!DOCTYPE html>
   2 <head>
   3   <title>No-op requestAnimationFrame loop</title>
   4 </head>
   5
   6 <style>
   7 div { outline: solid thin cornflowerblue; }
   8 </style>
   9
  10 <p>
  11 This page has many compositor layers and a no-op requestAnimationFrame loop.
  12 </p>
  13
  14 <script>
  15 for (var i = 0; i < 10000; ++i) {
  16     var div = document.body.appendChild(document.createElement("div"));
  17     div.style.transform = "translateZ(0)";
  18     div.style.width = "10px";
  19     div.style.height = "10px";
  20 }
  21
  22 function noOp() {
  23     requestAnimationFrame(noOp);
  24 }
  25 noOp();
  26 </script>