Optimize stylesheet insertions
[WebKit-https.git] / PerformanceTests / CSS / StyleSheetInsert.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <script src="../resources/runner.js"></script>
5 </head>
6 <body>
7 <iframe></iframe>
8 </body>
9 <script>
10 var frame = document.getElementsByTagName("iframe")[0];
11 var testDoc = frame.contentDocument;
12 var docText = "";
13 docText += "<body><style>.foo {color:red}</style>";
14 docText += "<div class='bar'>Foo</div>";
15 for (var i = 0; i < 10000; ++i)
16     docText += "<div class='foo'>Foo</div>";
17 testDoc.body.innerHTML = docText;
18
19 PerfTestRunner.run(function() {
20     var styleElem = testDoc.createElement("style");
21     styleElem.innerText = ".bar {color:green}";
22     testDoc.body.insertBefore(styleElem, testDoc.body.firstChild);
23 }, 50, 10);
24 </script>
25 </html>