Window resizing performance test</h1> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript"> const size_start = 400; var size_step = 30; const max_iters = 6; // per test const repeats = 5; // times to repeat test var cur_iter; var cur_size; var cur_repeat; var start_time; var results = []; var vertical = 0; var horizontal = 0; function test(aVertical, aHorizontal) { vertical = aVertical; horizontal = aHorizontal; cur_repeat = 1; start_repeat(); } function start_repeat() { cur_iter = 0; cur_size = size_start; set_size(size_start - 50); start_time = new Date().getTime(); loop(); } function set_size(s) { if (vertical) window.innerHeight = s; if (horizontal) window.innerWidth = s; } function loop() { if (cur_iter == max_iters) done(); ++cur_iter; cur_size += size_step; set_size(cur_size); } function done() { size_step *= -1; cur_repeat *= -1; if (cur_repeat < 0) { // shrink too! cur_iter = 0; loop(); return; } var end_time = new Date().getTime(); var elapsed = end_time - start_time; results.push(elapsed); if (cur_repeat == repeats) { report(); horizontal = 0; vertical = 0; } else { ++cur_repeat; start_repeat(); } } function report() { var res = "Resizing "; if (vertical && horizontal) res += "vertically and horizontally"; else if (vertical) res += "vertically"; else if (horizontal) res += "horizontally"; res += ": " res += results.toString(); results = []; var p = document.createElement("p"); p.appendChild(document.createTextNode(res)); document.getElementById("output").appendChild(p); } </script> </head> <body onresize="loop()"> <h1>Window resizing performance test</h1> <p> <input type="button" value="Test Vertical Resizing" onclick="test(1, 0)"> <input type="button" value="Test Horizontal Resizing" onclick="test(0, 1)"> <input type="button" value="Test Diagonal Resizing" onclick="test(1, 1)"> </p> <div id="output"> </div> </body> </html>