| <!DOCTYPE html> |
| <html> |
| <head id="head"> |
| <script src="../resources/runner.js"></script> |
| <style id="style"> |
| </style> |
| </head> |
| <body id="body"> |
| <div id="test"></div> |
| </body> |
| <script> |
| let head = document.getElementById("head"); |
| let style = document.getElementById("style"); |
| let body = document.getElementById("body"); |
| let styleString = ""; |
| let elementCount = 1000; |
| for (let i = 0; i < elementCount; ++i) { |
| let div = document.createElement("div"); |
| let id = `div${i}`; |
| div.id = id; |
| body.appendChild(div); |
| styleString = styleString + `#${id} { font-weight: ${i}; }`; |
| } |
| style.innerText = styleString; |
| PerfTestRunner.measureRunsPerSecond({run:function() { |
| style.innerText = `${styleString}`; |
| let fontFace = new FontFace("WebFont", "url('MyCoolWebFont.ttf') format('truetype')"); |
| if (!document.fonts.has(fontFace)) |
| document.fonts.add(fontFace) |
| document.fonts.clear(); |
| }}); |
| </script> |
| </html> |
