Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(58)

Side by Side Diff: third_party/WebKit/PerformanceTests/Paint/large-table-background-change-with-invisible-collapsed-borders.html

Issue 2883603002: Use the new tracing based measurement for blink_perf.paint (Closed)
Patch Set: - Created 3 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <body> 2 <body>
3 <script src="../resources/runner.js"></script> 3 <script src="../resources/runner.js"></script>
4 <script src="resources/paint.js"></script>
4 <script> 5 <script>
5 function createTable(rows, columns) { 6 function createTable(rows, columns) {
6 var table = document.createElement("TABLE"); 7 var table = document.createElement("TABLE");
7 // Collapsing border is not necessary to see the slowness 8 // Collapsing border is not necessary to see the slowness
8 // but it makes the painting phase ~2x slower. 9 // but it makes the painting phase ~2x slower.
9 table.style.borderCollapse = "collapse"; 10 table.style.borderCollapse = "collapse";
10 for (var i = 0; i < rows; ++i) { 11 for (var i = 0; i < rows; ++i) {
11 var tr = document.createElement("TR"); 12 var tr = document.createElement("TR");
12 for (var j = 0; j < columns; ++j) { 13 for (var j = 0; j < columns; ++j) {
13 var td = document.createElement("TD"); 14 var td = document.createElement("TD");
14 tr.appendChild(td); 15 tr.appendChild(td);
15 } 16 }
16 table.appendChild(tr); 17 table.appendChild(tr);
17 } 18 }
18 return table; 19 return table;
19 } 20 }
20 21
21 var table = createTable(600, 600); 22 var table = createTable(600, 600);
22 document.body.appendChild(table); 23 document.body.appendChild(table);
23 24
24 var ix = 30; 25 var ix = 30;
25 var iy = 30; 26 var iy = 30;
26 27
27 PerfTestRunner.measureFrameTime({ 28 measurePaint({
28 run: function() { 29 run: function() {
29 table.childNodes[iy].childNodes[ix].style.backgroundColor = 'teal'; 30 table.childNodes[iy].childNodes[ix].style.backgroundColor = 'teal';
30 ix++; 31 ix++;
31 iy++; 32 iy++;
32 }, 33 },
33 }); 34 });
34 </script> 35 </script>
35 </body> 36 </body>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698