PerformanceTests/Layout/fixed-grid-lots-of-data.html - Issue 478003002: Fill in descriptions on relevant blink_perf tests

Side by Side Diff: PerformanceTests/Layout/fixed-grid-lots-of-data.html

Issue 478003002: Fill in descriptions on relevant blink_perf tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: alancutter nits Created 6 years, 2 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

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <head>	3 <head>

4 <style>	4 <style>

5 html, body {	5 html, body {

6 margin: 0;	6 margin: 0;

7 height: 100%;	7 height: 100%;

8 }	8 }

9	9

10 body {	10 body {

11 display: grid;	11 display: grid;

12 grid-template-rows: repeat(100, 200px);	12 grid-template-rows: repeat(100, 200px);

13 grid-template-columns: repeat(20, 200px);;	13 grid-template-columns: repeat(20, 200px);;

14 }	14 }

15	15

16 .gridItem {	16 .gridItem {

17 height: 200px;	17 height: 200px;

18 width: 200px;	18 width: 200px;

19 }	19 }

20 </style>	20 </style>

21 <script src="../resources/runner.js"></script>	21 <script src="../resources/runner.js"></script>

22 <script>	22 <script>

23 function startTest() {	23 function startTest() {

24 document.body.offsetHeight;	24 document.body.offsetHeight;

25	25

26 var index = 0;	26 var index = 0;

27 PerfTestRunner.measureRunsPerSecond({run: function() {	27 PerfTestRunner.measureRunsPerSecond({

28 document.body.style.width = ++index % 2 ? "99%" : "98%";	28 description: "Measures performance of layout on a page using CSS grid la yout (fixed).",

29 document.body.offsetHeight;	29 run: function() {

30 }});	30 document.body.style.width = ++index % 2 ? "99%" : "98%";

	31 document.body.offsetHeight;

	32 }

	33 });

31 }	34 }

32 </script>	35 </script>

33 </head>	36 </head>

34 <body onload="startTest()">	37 <body onload="startTest()">

35 <div class='gridItem' style='grid-area: 1 / 1; background-color: rgb(36, 100, 13 5)'></div>	38 <div class='gridItem' style='grid-area: 1 / 1; background-color: rgb(36, 100, 13 5)'></div>

36 <div class='gridItem' style='grid-area: 1 / 2; background-color: rgb(41, 156, 15 7)'></div>	39 <div class='gridItem' style='grid-area: 1 / 2; background-color: rgb(41, 156, 15 7)'></div>

37 <div class='gridItem' style='grid-area: 1 / 3; background-color: rgb(204, 225, 1 5)'></div>	40 <div class='gridItem' style='grid-area: 1 / 3; background-color: rgb(204, 225, 1 5)'></div>

38 <div class='gridItem' style='grid-area: 1 / 4; background-color: rgb(106, 245, 1 33)'></div>	41 <div class='gridItem' style='grid-area: 1 / 4; background-color: rgb(106, 245, 1 33)'></div>

39 <div class='gridItem' style='grid-area: 1 / 5; background-color: rgb(159, 213, 1 89)'></div>	42 <div class='gridItem' style='grid-area: 1 / 5; background-color: rgb(159, 213, 1 89)'></div>

40 <div class='gridItem' style='grid-area: 1 / 6; background-color: rgb(39, 38, 236 )'></div>	43 <div class='gridItem' style='grid-area: 1 / 6; background-color: rgb(39, 38, 236 )'></div>

(...skipping 1987 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
2028 <div class='gridItem' style='grid-area: 100 / 14; background-color: rgb(239, 54, 215)'></div>	2031 <div class='gridItem' style='grid-area: 100 / 14; background-color: rgb(239, 54, 215)'></div>

2029 <div class='gridItem' style='grid-area: 100 / 15; background-color: rgb(86, 163, 33)'></div>	2032 <div class='gridItem' style='grid-area: 100 / 15; background-color: rgb(86, 163, 33)'></div>

2030 <div class='gridItem' style='grid-area: 100 / 16; background-color: rgb(154, 6, 174)'></div>	2033 <div class='gridItem' style='grid-area: 100 / 16; background-color: rgb(154, 6, 174)'></div>

2031 <div class='gridItem' style='grid-area: 100 / 17; background-color: rgb(191, 232 , 100)'></div>	2034 <div class='gridItem' style='grid-area: 100 / 17; background-color: rgb(191, 232 , 100)'></div>

2032 <div class='gridItem' style='grid-area: 100 / 18; background-color: rgb(127, 179 , 214)'></div>	2035 <div class='gridItem' style='grid-area: 100 / 18; background-color: rgb(127, 179 , 214)'></div>

2033 <div class='gridItem' style='grid-area: 100 / 19; background-color: rgb(45, 43, 72)'></div>	2036 <div class='gridItem' style='grid-area: 100 / 19; background-color: rgb(45, 43, 72)'></div>

2034 <div class='gridItem' style='grid-area: 100 / 20; background-color: rgb(178, 180 , 196)'></div>	2037 <div class='gridItem' style='grid-area: 100 / 20; background-color: rgb(178, 180 , 196)'></div>

2035 </body>	2038 </body>

2036 </head>	2039 </head>

2037 </html>	2040 </html>

OLD	NEW

« no previous file with comments | « PerformanceTests/Layout/chapter-reflow-twice.html ('k') | PerformanceTests/Layout/flexbox-column-nowrap.html » ('j') | no next file with comments »