{ "environment": { "runId": "ci", "date": "2026-11-12T13:40:57.894Z", "chrome": "136.0.7103.25", "headless": true, "cpuThrottle": 1, "runs": 7, "warmup": 1, "os": "Linux 7.0.0-1017-azure x64", "cpu": "AMD EPYC 9V74 80-Core Processor × 4", "viewport": "1400×1000", "versions": { "mui": "9.17.0", "ag-grid": "36.3.0", "tanstack": "9.3.1", "infinite": "10.1.5" }, "baseURL": "http://localhost:5560/", "bodyHeight": 757, "bodyHeightMax": 758, "boxExtraHeight": { "mui": 14, "ag-grid": 0, "tanstack": 0, "infinite": 22 } }, "sizes": { "300k": { "size": "300k", "rowCount": 300000, "checksum": "300000:72377c6e", "scroll": { "mui": { "ratio": 1, "linearRatio": 1.000001166741727, "scrollMax": 11999228, "lastVisibleRow": 300000, "rowCount": 300000 }, "ag-grid": { "ratio": 1, "linearRatio": 1, "scrollMax": 11999243, "lastVisibleRow": 300000, "rowCount": 300000 }, "tanstack": { "ratio": 1, "linearRatio": 1, "scrollMax": 11999242, "lastVisibleRow": 300000, "rowCount": 300000 }, "infinite": { "ratio": 1, "linearRatio": 1, "scrollMax": 11999242, "lastVisibleRow": 300000, "rowCount": 300000 } }, "results": { "mount": { "scenario": "mount", "description": "Mount the grid with all the rows (data already in memory). \"Visible\" = from setState to the end of the first frame committed with the whole viewport (first/last visible row and column) showing the right content. \"Settled\" = until the first frame committed after the grid's last DOM mutation. Memory is the JS heap retained by the grid after GC (heap after mount - heap before mount).", "metrics": [ { "key": "visibleMs", "label": "Time to first rows painted", "unit": "ms", "better": "lower" }, { "key": "settledMs", "label": "Time until settled", "unit": "ms", "better": "lower" }, { "key": "scriptMs", "label": "Main thread: scripting", "unit": "ms", "better": "lower" }, { "key": "layoutMs", "label": "Main thread: layout", "unit": "ms", "better": "lower" }, { "key": "styleMs", "label": "Main thread: style recalc", "unit": "ms", "better": "lower" }, { "key": "taskMs", "label": "Main thread: all tasks", "unit": "ms", "better": "lower" }, { "key": "heapMB", "label": "JS heap retained by grid", "unit": "MB", "better": "lower" }, { "key": "gridElements", "label": "DOM elements in grid", "unit": "", "better": "lower" } ], "samples": { "mui": [ { "visibleMs": 270.713, "settledMs": 270.713, "taskMs": 299.35600000000005, "scriptMs": 246.20799999999997, "layoutMs": 9.269000000000002, "styleMs": 7.417999999999999, "layoutCount": 4, "heapMB": 53.94206619262695, "gridElements": 529 }, { "visibleMs": 275.483, "settledMs": 275.483, "taskMs": 306.455, "scriptMs": 253.21800000000005, "layoutMs": 6.31, "styleMs": 7.552, "layoutCount": 4, "heapMB": 53.94234848022461, "gridElements": 529 }, { "visibleMs": 273.645, "settledMs": 273.645, "taskMs": 306.287, "scriptMs": 255.726, "layoutMs": 6.991999999999999, "styleMs": 7.064, "layoutCount": 4, "heapMB": 53.942047119140625, "gridElements": 529 }, { "visibleMs": 277.91, "settledMs": 277.91, "taskMs": 310.25800000000004, "scriptMs": 256.151, "layoutMs": 7.836000000000003, "styleMs": 7.3870000000000005, "layoutCount": 4, "heapMB": 53.94137954711914, "gridElements": 529 }, { "visibleMs": 273.11, "settledMs": 273.11, "taskMs": 307.94999999999993, "scriptMs": 253.191, "layoutMs": 6.398000000000001, "styleMs": 7.22, "layoutCount": 4, "heapMB": 53.940486907958984, "gridElements": 529 }, { "visibleMs": 279.746, "settledMs": 279.746, "taskMs": 310.863, "scriptMs": 258.34299999999996, "layoutMs": 6.871, "styleMs": 7.768000000000001, "layoutCount": 4, "heapMB": 53.94211196899414, "gridElements": 529 }, { "visibleMs": 275.381, "settledMs": 275.381, "taskMs": 309.614, "scriptMs": 255.52599999999998, "layoutMs": 6.340000000000002, "styleMs": 7.135000000000001, "layoutCount": 4, "heapMB": 53.941219329833984, "gridElements": 529 } ], "ag-grid": [ { "visibleMs": 324.413, "settledMs": 427.016, "taskMs": 332.12100000000004, "scriptMs": 298.53499999999997, "layoutMs": 7.17, "styleMs": 12.179, "layoutCount": 24, "heapMB": 67.43777465820312, "gridElements": 637 }, { "visibleMs": 320.312, "settledMs": 422.846, "taskMs": 329.429, "scriptMs": 294.94399999999996, "layoutMs": 7.0559999999999965, "styleMs": 11.533, "layoutCount": 24, "heapMB": 67.43771362304688, "gridElements": 637 }, { "visibleMs": 326.133, "settledMs": 428.917, "taskMs": 336.144, "scriptMs": 300.353, "layoutMs": 7.110999999999999, "styleMs": 11.921000000000001, "layoutCount": 24, "heapMB": 67.4385757446289, "gridElements": 637 }, { "visibleMs": 324.801, "settledMs": 427.445, "taskMs": 331.76599999999996, "scriptMs": 299.425, "layoutMs": 6.959, "styleMs": 11.614, "layoutCount": 24, "heapMB": 67.43767166137695, "gridElements": 637 }, { "visibleMs": 322.82, "settledMs": 425.462, "taskMs": 329.83500000000004, "scriptMs": 297.0559999999999, "layoutMs": 7.0329999999999995, "styleMs": 12.241, "layoutCount": 24, "heapMB": 67.43778228759766, "gridElements": 637 }, { "visibleMs": 322.721, "settledMs": 425.379, "taskMs": 332.39199999999994, "scriptMs": 296.253, "layoutMs": 7.246999999999999, "styleMs": 12.236, "layoutCount": 24, "heapMB": 67.43767929077148, "gridElements": 637 }, { "visibleMs": 322.502, "settledMs": 425.184, "taskMs": 331.8, "scriptMs": 296.57300000000004, "layoutMs": 7.1739999999999995, "styleMs": 11.720999999999998, "layoutCount": 24, "heapMB": 67.43766403198242, "gridElements": 637 } ], "tanstack": [ { "visibleMs": 240.476, "settledMs": 240.476, "taskMs": 242.432, "scriptMs": 224.24899999999997, "layoutMs": 7.541000000000001, "styleMs": 4.7299999999999995, "layoutCount": 3, "heapMB": 86.62836074829102, "gridElements": 352 }, { "visibleMs": 231.243, "settledMs": 231.243, "taskMs": 232.529, "scriptMs": 218.744, "layoutMs": 4.905999999999999, "styleMs": 2.5589999999999997, "layoutCount": 3, "heapMB": 86.62833786010742, "gridElements": 352 }, { "visibleMs": 232.162, "settledMs": 232.162, "taskMs": 234.15199999999996, "scriptMs": 219.89399999999998, "layoutMs": 5.617, "styleMs": 2.578, "layoutCount": 3, "heapMB": 86.62832641601562, "gridElements": 352 }, { "visibleMs": 229.767, "settledMs": 229.767, "taskMs": 231.64200000000002, "scriptMs": 216.82299999999998, "layoutMs": 6.592, "styleMs": 2.482, "layoutCount": 3, "heapMB": 86.62829971313477, "gridElements": 352 }, { "visibleMs": 236.311, "settledMs": 236.311, "taskMs": 238.65900000000008, "scriptMs": 221.335, "layoutMs": 8.353000000000002, "styleMs": 2.6499999999999995, "layoutCount": 3, "heapMB": 86.62824249267578, "gridElements": 352 }, { "visibleMs": 230.622, "settledMs": 230.622, "taskMs": 232.62300000000008, "scriptMs": 216.324, "layoutMs": 8.007, "styleMs": 2.4520000000000004, "layoutCount": 3, "heapMB": 86.6282844543457, "gridElements": 352 }, { "visibleMs": 235.077, "settledMs": 235.077, "taskMs": 237.091, "scriptMs": 222.93199999999996, "layoutMs": 5.48, "styleMs": 2.771, "layoutCount": 3, "heapMB": 86.62846374511719, "gridElements": 352 } ], "infinite": [ { "visibleMs": 248.149, "settledMs": 248.149, "taskMs": 251.88299999999998, "scriptMs": 227.71399999999997, "layoutMs": 3.5700000000000003, "styleMs": 6.835000000000001, "layoutCount": 12, "heapMB": 36.622982025146484, "gridElements": 609 }, { "visibleMs": 246.428, "settledMs": 246.428, "taskMs": 250.10000000000005, "scriptMs": 226.01500000000001, "layoutMs": 3.575, "styleMs": 6.681, "layoutCount": 12, "heapMB": 36.62300491333008, "gridElements": 609 }, { "visibleMs": 245.408, "settledMs": 245.408, "taskMs": 249.07800000000003, "scriptMs": 224.50300000000001, "layoutMs": 3.7169999999999996, "styleMs": 7.1240000000000006, "layoutCount": 12, "heapMB": 36.622718811035156, "gridElements": 609 }, { "visibleMs": 246.659, "settledMs": 246.659, "taskMs": 250.22500000000002, "scriptMs": 226.75400000000002, "layoutMs": 3.526, "styleMs": 6.7540000000000004, "layoutCount": 12, "heapMB": 36.622718811035156, "gridElements": 609 }, { "visibleMs": 243.907, "settledMs": 243.907, "taskMs": 248.56999999999996, "scriptMs": 222.67199999999997, "layoutMs": 3.5839999999999996, "styleMs": 7.295999999999999, "layoutCount": 12, "heapMB": 36.622718811035156, "gridElements": 609 }, { "visibleMs": 257.08, "settledMs": 257.08, "taskMs": 261.163, "scriptMs": 236.59399999999997, "layoutMs": 3.5970000000000004, "styleMs": 6.9639999999999995, "layoutCount": 12, "heapMB": 36.622718811035156, "gridElements": 609 }, { "visibleMs": 243.248, "settledMs": 243.248, "taskMs": 247.017, "scriptMs": 222.88600000000002, "layoutMs": 3.639, "styleMs": 6.783, "layoutCount": 12, "heapMB": 36.62273025512695, "gridElements": 609 } ] } }, "sort-string": { "scenario": "sort-string", "description": "Click the \"code\" column header (string column, unique-ish values) - first click sorts ascending (cold), second click descending. Measured from pointerdown to the end of the first frame committed with all visible rows sorted (and each row consistent: its cells belong to the same data row).", "metrics": [ { "key": "ascVisibleMs", "label": "Ascending: click to sorted rows painted", "unit": "ms", "better": "lower" }, { "key": "ascSettledMs", "label": "Ascending: click to settled", "unit": "ms", "better": "lower" }, { "key": "descVisibleMs", "label": "Descending: click to sorted rows painted", "unit": "ms", "better": "lower" }, { "key": "descSettledMs", "label": "Descending: click to settled", "unit": "ms", "better": "lower" }, { "key": "ascScriptMs", "label": "Ascending: main thread scripting", "unit": "ms", "better": "lower" }, { "key": "descScriptMs", "label": "Descending: main thread scripting", "unit": "ms", "better": "lower" } ], "samples": { "mui": [ { "ascVisibleMs": 1320.263, "ascSettledMs": 1320.263, "ascScriptMs": 1308.674, "descVisibleMs": 1272.756, "descSettledMs": 1272.756, "descScriptMs": 1264.3470000000002 }, { "ascVisibleMs": 1274.858, "ascSettledMs": 1274.858, "ascScriptMs": 1262.4370000000001, "descVisibleMs": 1259.426, "descSettledMs": 1259.426, "descScriptMs": 1250.392 }, { "ascVisibleMs": 1196.96, "ascSettledMs": 1196.96, "ascScriptMs": 1184.472, "descVisibleMs": 1202.658, "descSettledMs": 1202.658, "descScriptMs": 1194.076 }, { "ascVisibleMs": 1266.199, "ascSettledMs": 1266.199, "ascScriptMs": 1254.612, "descVisibleMs": 1204.507, "descSettledMs": 1204.507, "descScriptMs": 1196.2679999999998 }, { "ascVisibleMs": 1287.511, "ascSettledMs": 1287.511, "ascScriptMs": 1275.6490000000001, "descVisibleMs": 1192.986, "descSettledMs": 1192.986, "descScriptMs": 1184.602 }, { "ascVisibleMs": 1287.912, "ascSettledMs": 1287.912, "ascScriptMs": 1275.677, "descVisibleMs": 1251.695, "descSettledMs": 1251.695, "descScriptMs": 1243.105 }, { "ascVisibleMs": 1241.747, "ascSettledMs": 1241.747, "ascScriptMs": 1229.4499999999998, "descVisibleMs": 1196.297, "descSettledMs": 1196.297, "descScriptMs": 1187.7849999999999 } ], "ag-grid": [ { "ascVisibleMs": 936.132, "ascSettledMs": 936.132, "ascScriptMs": 918.31, "descVisibleMs": 968.614, "descSettledMs": 968.614, "descScriptMs": 953.8259999999998 }, { "ascVisibleMs": 957.904, "ascSettledMs": 957.904, "ascScriptMs": 939.043, "descVisibleMs": 968.242, "descSettledMs": 968.242, "descScriptMs": 953.3479999999998 }, { "ascVisibleMs": 984.946, "ascSettledMs": 984.946, "ascScriptMs": 966.3660000000001, "descVisibleMs": 1007.66, "descSettledMs": 1007.66, "descScriptMs": 992.891 }, { "ascVisibleMs": 969.089, "ascSettledMs": 969.089, "ascScriptMs": 950.988, "descVisibleMs": 1007.828, "descSettledMs": 1007.828, "descScriptMs": 992.8530000000002 }, { "ascVisibleMs": 964.777, "ascSettledMs": 964.777, "ascScriptMs": 946.748, "descVisibleMs": 955.04, "descSettledMs": 955.04, "descScriptMs": 940.979 }, { "ascVisibleMs": 1007.954, "ascSettledMs": 1007.954, "ascScriptMs": 988.815, "descVisibleMs": 1020.437, "descSettledMs": 1020.437, "descScriptMs": 1005.5399999999998 }, { "ascVisibleMs": 1054.037, "ascSettledMs": 1054.037, "ascScriptMs": 1035.1720000000003, "descVisibleMs": 1026.571, "descSettledMs": 1026.571, "descScriptMs": 1011.225 } ], "tanstack": [ { "ascVisibleMs": 1384.322, "ascSettledMs": 1384.322, "ascScriptMs": 1376.202, "descVisibleMs": 1365.143, "descSettledMs": 1365.143, "descScriptMs": 1357.1750000000002 }, { "ascVisibleMs": 1345.316, "ascSettledMs": 1345.316, "ascScriptMs": 1336.776, "descVisibleMs": 1341.481, "descSettledMs": 1341.481, "descScriptMs": 1333.5569999999998 }, { "ascVisibleMs": 1308.879, "ascSettledMs": 1308.879, "ascScriptMs": 1300.792, "descVisibleMs": 1397.528, "descSettledMs": 1397.528, "descScriptMs": 1387.2649999999999 }, { "ascVisibleMs": 1373.833, "ascSettledMs": 1373.833, "ascScriptMs": 1364.947, "descVisibleMs": 1314.118, "descSettledMs": 1314.118, "descScriptMs": 1306.1519999999998 }, { "ascVisibleMs": 1352.674, "ascSettledMs": 1352.674, "ascScriptMs": 1344.517, "descVisibleMs": 1322.38, "descSettledMs": 1322.38, "descScriptMs": 1314.1780000000003 }, { "ascVisibleMs": 1354.43, "ascSettledMs": 1354.43, "ascScriptMs": 1345.437, "descVisibleMs": 1354.117, "descSettledMs": 1354.117, "descScriptMs": 1346.64 }, { "ascVisibleMs": 1407.248, "ascSettledMs": 1407.248, "ascScriptMs": 1398.788, "descVisibleMs": 1387.375, "descSettledMs": 1387.375, "descScriptMs": 1379.77 } ], "infinite": [ { "ascVisibleMs": 490.478, "ascSettledMs": 499.507, "ascScriptMs": 477.107, "descVisibleMs": 570.932, "descSettledMs": 570.932, "descScriptMs": 554.791 }, { "ascVisibleMs": 493.281, "ascSettledMs": 502.507, "ascScriptMs": 477.485, "descVisibleMs": 564.715, "descSettledMs": 564.715, "descScriptMs": 547.4320000000001 }, { "ascVisibleMs": 500.055, "ascSettledMs": 516.455, "ascScriptMs": 486.554, "descVisibleMs": 562.996, "descSettledMs": 562.996, "descScriptMs": 546.47 }, { "ascVisibleMs": 479.498, "ascSettledMs": 496.066, "ascScriptMs": 465.647, "descVisibleMs": 575.191, "descSettledMs": 575.191, "descScriptMs": 558.9820000000001 }, { "ascVisibleMs": 482.215, "ascSettledMs": 498.876, "ascScriptMs": 468.647, "descVisibleMs": 595.218, "descSettledMs": 595.218, "descScriptMs": 578.4720000000001 }, { "ascVisibleMs": 487.1, "ascSettledMs": 496.39, "ascScriptMs": 472.641, "descVisibleMs": 584.647, "descSettledMs": 584.647, "descScriptMs": 568.577 }, { "ascVisibleMs": 474.799, "ascSettledMs": 484.655, "ascScriptMs": 461.477, "descVisibleMs": 541.239, "descSettledMs": 541.239, "descScriptMs": 526.972 } ] } }, "sort-number": { "scenario": "sort-number", "description": "Click the \"salary\" column header (number column, unique-ish values) - first click sorts ascending (cold), second click descending. Measured from pointerdown to the end of the first frame committed with all visible rows sorted (and each row consistent: its cells belong to the same data row).", "metrics": [ { "key": "ascVisibleMs", "label": "Ascending: click to sorted rows painted", "unit": "ms", "better": "lower" }, { "key": "ascSettledMs", "label": "Ascending: click to settled", "unit": "ms", "better": "lower" }, { "key": "descVisibleMs", "label": "Descending: click to sorted rows painted", "unit": "ms", "better": "lower" }, { "key": "descSettledMs", "label": "Descending: click to settled", "unit": "ms", "better": "lower" }, { "key": "ascScriptMs", "label": "Ascending: main thread scripting", "unit": "ms", "better": "lower" }, { "key": "descScriptMs", "label": "Descending: main thread scripting", "unit": "ms", "better": "lower" } ], "samples": { "mui": [ { "ascVisibleMs": 736.475, "ascSettledMs": 736.475, "ascScriptMs": 724.305, "descVisibleMs": 889.477, "descSettledMs": 889.477, "descScriptMs": 880.5749999999999 }, { "ascVisibleMs": 683.114, "ascSettledMs": 683.114, "ascScriptMs": 671.3870000000002, "descVisibleMs": 873.766, "descSettledMs": 873.766, "descScriptMs": 865.5780000000002 }, { "ascVisibleMs": 638.082, "ascSettledMs": 638.082, "ascScriptMs": 626.4369999999999, "descVisibleMs": 836.675, "descSettledMs": 836.675, "descScriptMs": 828.4129999999999 }, { "ascVisibleMs": 670.066, "ascSettledMs": 670.066, "ascScriptMs": 658.1179999999999, "descVisibleMs": 885.911, "descSettledMs": 885.911, "descScriptMs": 877.3979999999999 }, { "ascVisibleMs": 649.203, "ascSettledMs": 649.203, "ascScriptMs": 637.198, "descVisibleMs": 923.055, "descSettledMs": 923.055, "descScriptMs": 914.7120000000002 }, { "ascVisibleMs": 635.51, "ascSettledMs": 635.51, "ascScriptMs": 623.955, "descVisibleMs": 902.026, "descSettledMs": 902.026, "descScriptMs": 891.394 }, { "ascVisibleMs": 644.919, "ascSettledMs": 644.919, "ascScriptMs": 632.9710000000001, "descVisibleMs": 835.002, "descSettledMs": 835.002, "descScriptMs": 826.7379999999999 } ], "ag-grid": [ { "ascVisibleMs": 939.707, "ascSettledMs": 939.707, "ascScriptMs": 920.994, "descVisibleMs": 877.026, "descSettledMs": 877.026, "descScriptMs": 861.535 }, { "ascVisibleMs": 846.459, "ascSettledMs": 846.459, "ascScriptMs": 828.762, "descVisibleMs": 849.971, "descSettledMs": 849.971, "descScriptMs": 835.985 }, { "ascVisibleMs": 879.432, "ascSettledMs": 879.432, "ascScriptMs": 859.9469999999999, "descVisibleMs": 871.762, "descSettledMs": 871.762, "descScriptMs": 856.6899999999997 }, { "ascVisibleMs": 897.805, "ascSettledMs": 897.805, "ascScriptMs": 877.437, "descVisibleMs": 865.432, "descSettledMs": 865.432, "descScriptMs": 851.0010000000001 }, { "ascVisibleMs": 895.812, "ascSettledMs": 895.812, "ascScriptMs": 876.79, "descVisibleMs": 861.197, "descSettledMs": 861.197, "descScriptMs": 846.9870000000002 }, { "ascVisibleMs": 853.058, "ascSettledMs": 853.058, "ascScriptMs": 834.8220000000001, "descVisibleMs": 853.955, "descSettledMs": 853.955, "descScriptMs": 840.0239999999999 }, { "ascVisibleMs": 856.755, "ascSettledMs": 856.755, "ascScriptMs": 837.4, "descVisibleMs": 830.124, "descSettledMs": 830.124, "descScriptMs": 815.0970000000002 } ], "tanstack": [ { "ascVisibleMs": 1116.48, "ascSettledMs": 1116.48, "ascScriptMs": 1108.345, "descVisibleMs": 1019.254, "descSettledMs": 1019.254, "descScriptMs": 1011.8429999999998 }, { "ascVisibleMs": 1055.96, "ascSettledMs": 1055.96, "ascScriptMs": 1047.064, "descVisibleMs": 1011.865, "descSettledMs": 1011.865, "descScriptMs": 1004.1149999999999 }, { "ascVisibleMs": 1058.045, "ascSettledMs": 1058.045, "ascScriptMs": 1049.296, "descVisibleMs": 1057.989, "descSettledMs": 1057.989, "descScriptMs": 1041.5529999999999 }, { "ascVisibleMs": 1066.41, "ascSettledMs": 1066.41, "ascScriptMs": 1058.47, "descVisibleMs": 1040.126, "descSettledMs": 1040.126, "descScriptMs": 1031.8009999999997 }, { "ascVisibleMs": 1108.725, "ascSettledMs": 1108.725, "ascScriptMs": 1100.2420000000002, "descVisibleMs": 1136.352, "descSettledMs": 1136.352, "descScriptMs": 1127.7820000000002 }, { "ascVisibleMs": 1082.871, "ascSettledMs": 1082.871, "ascScriptMs": 1074.344, "descVisibleMs": 1007.996, "descSettledMs": 1007.996, "descScriptMs": 1000.1379999999999 }, { "ascVisibleMs": 1100.242, "ascSettledMs": 1100.242, "ascScriptMs": 1091.266, "descVisibleMs": 978.027, "descSettledMs": 978.027, "descScriptMs": 968.5020000000002 } ], "infinite": [ { "ascVisibleMs": 408.589, "ascSettledMs": 417.982, "ascScriptMs": 393.93699999999995, "descVisibleMs": 401.593, "descSettledMs": 401.593, "descScriptMs": 385.486 }, { "ascVisibleMs": 399.041, "ascSettledMs": 415.893, "ascScriptMs": 384.5370000000001, "descVisibleMs": 400.511, "descSettledMs": 400.511, "descScriptMs": 383.84499999999986 }, { "ascVisibleMs": 386.287, "ascSettledMs": 396.288, "ascScriptMs": 371.40599999999995, "descVisibleMs": 382.666, "descSettledMs": 382.666, "descScriptMs": 366.72799999999995 }, { "ascVisibleMs": 396.308, "ascSettledMs": 412.988, "ascScriptMs": 382.649, "descVisibleMs": 376.88, "descSettledMs": 376.88, "descScriptMs": 358.745 }, { "ascVisibleMs": 413.738, "ascSettledMs": 430.04, "ascScriptMs": 399.69199999999995, "descVisibleMs": 388.969, "descSettledMs": 388.969, "descScriptMs": 372.9579999999999 }, { "ascVisibleMs": 397.661, "ascSettledMs": 413.852, "ascScriptMs": 384.85900000000004, "descVisibleMs": 393.124, "descSettledMs": 393.124, "descScriptMs": 377.3390000000001 }, { "ascVisibleMs": 377.795, "ascSettledMs": 386.793, "ascScriptMs": 362.806, "descVisibleMs": 382.525, "descSettledMs": 382.525, "descScriptMs": 366.2540000000001 } ] } }, "scroll-jump": { "scenario": "scroll-jump", "description": "Programmatic jumps to 10 far-away scroll positions (like dragging the scrollbar thumb). Measured from setting scrollTop to the end of the first frame committed with the first and last visible rows showing the right content, at the right position.", "metrics": [ { "key": "visibleMs", "label": "Jump to rows painted (median of jumps)", "unit": "ms", "better": "lower" }, { "key": "visibleMaxMs", "label": "Jump to rows painted (worst jump)", "unit": "ms", "better": "lower" }, { "key": "settledMs", "label": "Jump to settled (median of jumps)", "unit": "ms", "better": "lower" }, { "key": "scriptMs", "label": "Main thread scripting (all jumps)", "unit": "ms", "better": "lower" } ], "samples": { "mui": [ { "visibleMs": 23.1815, "visibleMaxMs": 36.307, "settledMs": 23.1815, "scriptMs": 149.502 }, { "visibleMs": 23.7145, "visibleMaxMs": 34.546, "settledMs": 23.7145, "scriptMs": 153.86500000000004 }, { "visibleMs": 23.502000000000002, "visibleMaxMs": 32.668, "settledMs": 23.502000000000002, "scriptMs": 147.193 }, { "visibleMs": 23.572, "visibleMaxMs": 34.825, "settledMs": 23.572, "scriptMs": 150.46900000000002 }, { "visibleMs": 23.637999999999998, "visibleMaxMs": 34.478, "settledMs": 23.637999999999998, "scriptMs": 153.70199999999994 }, { "visibleMs": 23.094, "visibleMaxMs": 52.176, "settledMs": 23.094, "scriptMs": 165.32100000000005 }, { "visibleMs": 23.6115, "visibleMaxMs": 36.548, "settledMs": 23.6115, "scriptMs": 150.26099999999997 } ], "ag-grid": [ { "visibleMs": 37.4865, "visibleMaxMs": 59.621, "settledMs": 37.4865, "scriptMs": 248.166 }, { "visibleMs": 36.623999999999995, "visibleMaxMs": 58.005, "settledMs": 36.623999999999995, "scriptMs": 248.911 }, { "visibleMs": 34.515, "visibleMaxMs": 61.207, "settledMs": 34.515, "scriptMs": 226.167 }, { "visibleMs": 34.179, "visibleMaxMs": 61.024, "settledMs": 34.179, "scriptMs": 224.989 }, { "visibleMs": 34.8535, "visibleMaxMs": 59.659, "settledMs": 34.8535, "scriptMs": 226.17399999999998 }, { "visibleMs": 34.8475, "visibleMaxMs": 58.05, "settledMs": 34.8475, "scriptMs": 224.64800000000008 }, { "visibleMs": 35.564, "visibleMaxMs": 59.417, "settledMs": 35.564, "scriptMs": 228.46099999999993 } ], "tanstack": [ { "visibleMs": 11.991, "visibleMaxMs": 26.023, "settledMs": 11.991, "scriptMs": 82.13199999999998 }, { "visibleMs": 12.085999999999999, "visibleMaxMs": 22.925, "settledMs": 12.085999999999999, "scriptMs": 80.04899999999998 }, { "visibleMs": 12.508, "visibleMaxMs": 23.577, "settledMs": 12.508, "scriptMs": 81.25000000000004 }, { "visibleMs": 12.0405, "visibleMaxMs": 23.643, "settledMs": 12.0405, "scriptMs": 81.50400000000002 }, { "visibleMs": 12.9905, "visibleMaxMs": 27.452, "settledMs": 12.9905, "scriptMs": 85.88800000000002 }, { "visibleMs": 12.211500000000001, "visibleMaxMs": 22.625, "settledMs": 12.211500000000001, "scriptMs": 80.56600000000003 }, { "visibleMs": 12.189, "visibleMaxMs": 24.82, "settledMs": 12.189, "scriptMs": 82.74500000000002 } ], "infinite": [ { "visibleMs": 35.7185, "visibleMaxMs": 47.756, "settledMs": 35.7185, "scriptMs": 203.78200000000007 }, { "visibleMs": 35.0695, "visibleMaxMs": 48.211, "settledMs": 35.0695, "scriptMs": 204.14000000000004 }, { "visibleMs": 35.340999999999994, "visibleMaxMs": 45.679, "settledMs": 35.340999999999994, "scriptMs": 202.61199999999997 }, { "visibleMs": 34.578, "visibleMaxMs": 46.709, "settledMs": 34.578, "scriptMs": 200.99999999999994 }, { "visibleMs": 35.321, "visibleMaxMs": 46.64, "settledMs": 35.321, "scriptMs": 200.54599999999994 }, { "visibleMs": 35.936, "visibleMaxMs": 46.548, "settledMs": 35.936, "scriptMs": 201.046 }, { "visibleMs": 35.698499999999996, "visibleMaxMs": 45.123, "settledMs": 35.698499999999996, "scriptMs": 204.23399999999998 } ] } }, "scroll-vertical": { "scenario": "scroll-vertical", "description": "Wheel-scroll down 24000px at 8000px/s (Input.synthesizeScrollGesture - real input pipeline, same gesture for every grid). Frame outcomes come from Chrome's compositor (PipelineReporter): \"partial\" = frame shown without the main thread's update, \"dropped\" = no new frame. rAF frame intervals and Long Animation Frames come from the page.", "metrics": [ { "key": "presentedAllPct", "label": "Frames fully presented", "unit": "%", "better": "higher" }, { "key": "partialPct", "label": "Frames presented without main-thread update", "unit": "%", "better": "lower" }, { "key": "droppedPct", "label": "Frames dropped", "unit": "%", "better": "lower" }, { "key": "rafFps", "label": "Main thread frame rate (rAF)", "unit": "fps", "better": "higher" }, { "key": "p95FrameMs", "label": "p95 rAF frame interval", "unit": "ms", "better": "lower" }, { "key": "maxFrameMs", "label": "Worst rAF frame interval", "unit": "ms", "better": "lower" }, { "key": "longFramesPct", "label": "rAF intervals > 25ms", "unit": "%", "better": "lower" }, { "key": "loafBlockingMs", "label": "Long animation frames: total blocking", "unit": "ms", "better": "lower" }, { "key": "scriptMs", "label": "Main thread: scripting", "unit": "ms", "better": "lower" }, { "key": "layoutMs", "label": "Main thread: layout", "unit": "ms", "better": "lower" }, { "key": "styleMs", "label": "Main thread: style recalc", "unit": "ms", "better": "lower" }, { "key": "taskMs", "label": "Main thread: all tasks", "unit": "ms", "better": "lower" } ], "samples": { "mui": [ { "presentedAllPct": 50.27472527472527, "partialPct": 49.45054945054945, "droppedPct": 0.27472527472527475, "rafFps": 60.003213075280804, "p95FrameMs": 16.799999999999727, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1615.9660000000003, "scriptMs": 669.673, "layoutMs": 71.735, "styleMs": 99.70400000000001, "layoutCount": 180 }, { "presentedAllPct": 50.27624309392266, "partialPct": 49.447513812154696, "droppedPct": 0.2762430939226519, "rafFps": 60.003879169701996, "p95FrameMs": 16.700000000000728, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1624.5029999999997, "scriptMs": 677.491, "layoutMs": 71.12, "styleMs": 100.088, "layoutCount": 180 }, { "presentedAllPct": 50.27624309392266, "partialPct": 49.447513812154696, "droppedPct": 0.2762430939226519, "rafFps": 60.004540884175015, "p95FrameMs": 16.700000000000273, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1558.8280000000002, "scriptMs": 634.2959999999999, "layoutMs": 70.145, "styleMs": 98.60199999999999, "layoutCount": 180 }, { "presentedAllPct": 50.27472527472527, "partialPct": 49.45054945054945, "droppedPct": 0.27472527472527475, "rafFps": 60.00321307528081, "p95FrameMs": 16.700000000000273, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1585.4140000000002, "scriptMs": 643.0149999999999, "layoutMs": 72.032, "styleMs": 100.25200000000001, "layoutCount": 180 }, { "presentedAllPct": 50.27472527472527, "partialPct": 49.45054945054945, "droppedPct": 0.27472527472527475, "rafFps": 60.0038712174979, "p95FrameMs": 16.774999999999636, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1647.783, "scriptMs": 682.1760000000002, "layoutMs": 72.962, "styleMs": 102.66799999999999, "layoutCount": 180 }, { "presentedAllPct": 50.27624309392266, "partialPct": 49.447513812154696, "droppedPct": 0.2762430939226519, "rafFps": 60.00454088417502, "p95FrameMs": 16.80000000000009, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1641.2250000000001, "scriptMs": 681.216, "layoutMs": 72.15, "styleMs": 100.67899999999999, "layoutCount": 180 }, { "presentedAllPct": 50.27472527472527, "partialPct": 49.45054945054945, "droppedPct": 0.27472527472527475, "rafFps": 60.00193554630795, "p95FrameMs": 16.799999999999727, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1646.7110000000002, "scriptMs": 689.797, "layoutMs": 72.108, "styleMs": 101.04299999999999, "layoutCount": 180 } ], "ag-grid": [ { "presentedAllPct": 51.12359550561798, "partialPct": 48.59550561797753, "droppedPct": 0.2808988764044944, "rafFps": 60.0038712174979, "p95FrameMs": 16.799999999999613, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1611.271, "scriptMs": 652.64, "layoutMs": 111.175, "styleMs": 292.523, "layoutCount": 358 }, { "presentedAllPct": 51.12359550561798, "partialPct": 48.59550561797753, "droppedPct": 0.2808988764044944, "rafFps": 60.00193554630794, "p95FrameMs": 16.774999999999636, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1621.5800000000002, "scriptMs": 665.3280000000001, "layoutMs": 110.487, "styleMs": 292.449, "layoutCount": 358 }, { "presentedAllPct": 51.12994350282486, "partialPct": 48.58757062146893, "droppedPct": 0.2824858757062147, "rafFps": 60.00193303524806, "p95FrameMs": 16.700000000000728, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1552.349, "scriptMs": 631.8829999999999, "layoutMs": 105.55300000000001, "styleMs": 282.204, "layoutCount": 357 }, { "presentedAllPct": 52, "partialPct": 47.714285714285715, "droppedPct": 0.2857142857142857, "rafFps": 60.00193554630795, "p95FrameMs": 16.700000000000728, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1634.966, "scriptMs": 659.858, "layoutMs": 111.64699999999999, "styleMs": 297.212, "layoutCount": 358 }, { "presentedAllPct": 51.12359550561798, "partialPct": 48.59550561797753, "droppedPct": 0.2808988764044944, "rafFps": 60.001935546307934, "p95FrameMs": 16.700000000000728, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1678.5269999999998, "scriptMs": 692.4749999999999, "layoutMs": 114.46199999999999, "styleMs": 301.894, "layoutCount": 358 }, { "presentedAllPct": 51.12359550561798, "partialPct": 48.59550561797753, "droppedPct": 0.2808988764044944, "rafFps": 60.00387121749791, "p95FrameMs": 16.800000000000182, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1630.0240000000001, "scriptMs": 660.4090000000001, "layoutMs": 111.441, "styleMs": 296.012, "layoutCount": 358 }, { "presentedAllPct": 51.12994350282486, "partialPct": 48.58757062146893, "droppedPct": 0.2824858757062147, "rafFps": 60.005825430403945, "p95FrameMs": 16.799999999999727, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1630.9219999999998, "scriptMs": 652.6850000000001, "layoutMs": 110.93700000000001, "styleMs": 305.056, "layoutCount": 357 } ], "tanstack": [ { "presentedAllPct": 50.27472527472527, "partialPct": 49.45054945054945, "droppedPct": 0.27472527472527475, "rafFps": 60.0038712174979, "p95FrameMs": 16.799999999999613, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1013.0439999999999, "scriptMs": 423.09499999999997, "layoutMs": 91.539, "styleMs": 50.391999999999996, "layoutCount": 181 }, { "presentedAllPct": 50.27624309392266, "partialPct": 49.447513812154696, "droppedPct": 0.2762430939226519, "rafFps": 60.003879169701996, "p95FrameMs": 16.77999999999993, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 994.486, "scriptMs": 410.31999999999994, "layoutMs": 92.08899999999998, "styleMs": 49.467, "layoutCount": 180 }, { "presentedAllPct": 50.27472527472527, "partialPct": 49.45054945054945, "droppedPct": 0.27472527472527475, "rafFps": 60.00193554630795, "p95FrameMs": 16.700000000000728, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1024.417, "scriptMs": 432.05899999999997, "layoutMs": 91.58800000000001, "styleMs": 48.361000000000004, "layoutCount": 181 }, { "presentedAllPct": 50.27624309392266, "partialPct": 49.447513812154696, "droppedPct": 0.2762430939226519, "rafFps": 60.00259470679813, "p95FrameMs": 16.700000000000728, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1003.182, "scriptMs": 424.78700000000003, "layoutMs": 94.168, "styleMs": 48.866, "layoutCount": 180 }, { "presentedAllPct": 50.27624309392266, "partialPct": 49.447513812154696, "droppedPct": 0.2762430939226519, "rafFps": 60.002594706798135, "p95FrameMs": 16.779999999999475, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1038.1589999999999, "scriptMs": 437.812, "layoutMs": 94.718, "styleMs": 51.208000000000006, "layoutCount": 180 }, { "presentedAllPct": 50.27624309392266, "partialPct": 49.447513812154696, "droppedPct": 0.2762430939226519, "rafFps": 60.00259470679813, "p95FrameMs": 16.700000000000728, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1018.3610000000001, "scriptMs": 428.426, "layoutMs": 95.79400000000001, "styleMs": 50.317, "layoutCount": 180 }, { "presentedAllPct": 50.27472527472527, "partialPct": 49.45054945054945, "droppedPct": 0.27472527472527475, "rafFps": 60.00193554630794, "p95FrameMs": 16.700000000000273, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1007.59, "scriptMs": 431.438, "layoutMs": 91.983, "styleMs": 49.258, "layoutCount": 181 } ], "infinite": [ { "presentedAllPct": 59.11602209944752, "partialPct": 40.88397790055249, "droppedPct": 0, "rafFps": 59.03416239233523, "p95FrameMs": 16.799999999999933, "maxFrameMs": 50.09999999999991, "longFramesPct": 1.092896174863388, "loafBlockingMs": 0, "taskMs": 1731.0280000000002, "scriptMs": 765.5649999999999, "layoutMs": 91.20299999999999, "styleMs": 199.217, "layoutCount": 178 }, { "presentedAllPct": 59.11602209944752, "partialPct": 40.88397790055249, "droppedPct": 0, "rafFps": 59.03416239233523, "p95FrameMs": 16.78999999999983, "maxFrameMs": 50.100000000000136, "longFramesPct": 1.092896174863388, "loafBlockingMs": 0, "taskMs": 1738.648, "scriptMs": 770.8040000000001, "layoutMs": 87.46600000000001, "styleMs": 199.284, "layoutCount": 178 }, { "presentedAllPct": 59.11602209944752, "partialPct": 40.88397790055249, "droppedPct": 0, "rafFps": 59.03416239233524, "p95FrameMs": 16.800000000000182, "maxFrameMs": 50, "longFramesPct": 1.092896174863388, "loafBlockingMs": 0, "taskMs": 1740.9819999999997, "scriptMs": 782.7900000000001, "layoutMs": 85.948, "styleMs": 205.325, "layoutCount": 178 }, { "presentedAllPct": 61.111111111111114, "partialPct": 38.88888888888889, "droppedPct": 0, "rafFps": 58.38898028968676, "p95FrameMs": 16.800000000000182, "maxFrameMs": 49.90000000000009, "longFramesPct": 2.209944751381215, "loafBlockingMs": 0, "taskMs": 1747.8189999999997, "scriptMs": 771.1540000000001, "layoutMs": 88.54100000000001, "styleMs": 207.37800000000001, "layoutCount": 176 }, { "presentedAllPct": 59.11602209944752, "partialPct": 40.88397790055249, "droppedPct": 0, "rafFps": 59.03416239233524, "p95FrameMs": 16.799999999999727, "maxFrameMs": 50, "longFramesPct": 1.092896174863388, "loafBlockingMs": 0, "taskMs": 1724.7510000000002, "scriptMs": 765.3469999999999, "layoutMs": 87.801, "styleMs": 200.049, "layoutCount": 178 }, { "presentedAllPct": 58.5635359116022, "partialPct": 41.43646408839779, "droppedPct": 0, "rafFps": 59.03541931600208, "p95FrameMs": 16.700000000000728, "maxFrameMs": 50, "longFramesPct": 1.092896174863388, "loafBlockingMs": 0, "taskMs": 1761.483, "scriptMs": 773.6220000000001, "layoutMs": 85.62100000000001, "styleMs": 202.38400000000001, "layoutCount": 177 }, { "presentedAllPct": 60.664819944598335, "partialPct": 39.335180055401665, "droppedPct": 0, "rafFps": 58.71282139624251, "p95FrameMs": 16.795000000000208, "maxFrameMs": 49.899999999999864, "longFramesPct": 1.6483516483516485, "loafBlockingMs": 0, "taskMs": 1736.335, "scriptMs": 764.6409999999998, "layoutMs": 88.715, "styleMs": 208.011, "layoutCount": 176 } ] } }, "scroll-horizontal": { "scenario": "scroll-horizontal", "description": "Wheel-scroll right/left over all columns, 4 sweeps at 4000px/s (Input.synthesizeScrollGesture - real input pipeline, same gesture for every grid). Frame outcomes come from Chrome's compositor (PipelineReporter): \"partial\" = frame shown without the main thread's update, \"dropped\" = no new frame. rAF frame intervals and Long Animation Frames come from the page.", "metrics": [ { "key": "presentedAllPct", "label": "Frames fully presented", "unit": "%", "better": "higher" }, { "key": "partialPct", "label": "Frames presented without main-thread update", "unit": "%", "better": "lower" }, { "key": "droppedPct", "label": "Frames dropped", "unit": "%", "better": "lower" }, { "key": "rafFps", "label": "Main thread frame rate (rAF)", "unit": "fps", "better": "higher" }, { "key": "p95FrameMs", "label": "p95 rAF frame interval", "unit": "ms", "better": "lower" }, { "key": "maxFrameMs", "label": "Worst rAF frame interval", "unit": "ms", "better": "lower" }, { "key": "longFramesPct", "label": "rAF intervals > 25ms", "unit": "%", "better": "lower" }, { "key": "loafBlockingMs", "label": "Long animation frames: total blocking", "unit": "ms", "better": "lower" }, { "key": "scriptMs", "label": "Main thread: scripting", "unit": "ms", "better": "lower" }, { "key": "layoutMs", "label": "Main thread: layout", "unit": "ms", "better": "lower" }, { "key": "styleMs", "label": "Main thread: style recalc", "unit": "ms", "better": "lower" }, { "key": "taskMs", "label": "Main thread: all tasks", "unit": "ms", "better": "lower" } ], "samples": { "mui": [ { "presentedAllPct": 69.6969696969697, "partialPct": 29.09090909090909, "droppedPct": 1.2121212121212122, "rafFps": 60.00483909992741, "p95FrameMs": 16.79999999999992, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 795.4849999999999, "scriptMs": 406.271, "layoutMs": 49.276, "styleMs": 26.764000000000003, "layoutCount": 52 }, { "presentedAllPct": 67.64705882352942, "partialPct": 31.76470588235294, "droppedPct": 0.5882352941176471, "rafFps": 60.00193554630795, "p95FrameMs": 16.700000000000273, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 736.917, "scriptMs": 401.602, "layoutMs": 50.149, "styleMs": 25.333000000000002, "layoutCount": 53 }, { "presentedAllPct": 80.71428571428572, "partialPct": 18.571428571428573, "droppedPct": 0.7142857142857143, "rafFps": 60.003934684241585, "p95FrameMs": 16.700000000000273, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 719.3119999999999, "scriptMs": 395.472, "layoutMs": 48.188, "styleMs": 23.802000000000003, "layoutCount": 52 }, { "presentedAllPct": 61.37566137566137, "partialPct": 37.03703703703704, "droppedPct": 1.5873015873015872, "rafFps": 60.00384024577572, "p95FrameMs": 16.79999999999991, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 748.694, "scriptMs": 408.21700000000004, "layoutMs": 48.814, "styleMs": 25.488, "layoutCount": 53 }, { "presentedAllPct": 80.28169014084507, "partialPct": 19.014084507042252, "droppedPct": 0.7042253521126761, "rafFps": 60.00292697204741, "p95FrameMs": 16.800000000000182, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 777.3809999999999, "scriptMs": 396.933, "layoutMs": 49.114000000000004, "styleMs": 24.448, "layoutCount": 52 }, { "presentedAllPct": 80.71428571428572, "partialPct": 18.571428571428573, "droppedPct": 0.7142857142857143, "rafFps": 60.00393468424159, "p95FrameMs": 16.794999999999753, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 714.0810000000001, "scriptMs": 383.4170000000001, "layoutMs": 47.57, "styleMs": 23.773, "layoutCount": 52 }, { "presentedAllPct": 79.3103448275862, "partialPct": 19.310344827586206, "droppedPct": 1.3793103448275863, "rafFps": 60.003851860167806, "p95FrameMs": 16.799999999999727, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 783.1129999999999, "scriptMs": 400.83599999999996, "layoutMs": 49.550000000000004, "styleMs": 24.461999999999996, "layoutCount": 52 } ], "ag-grid": [ { "presentedAllPct": 76.38888888888889, "partialPct": 22.22222222222222, "droppedPct": 1.3888888888888888, "rafFps": 60.0058825438953, "p95FrameMs": 16.700000000000273, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 729.578, "scriptMs": 277.176, "layoutMs": 79.077, "styleMs": 46.728, "layoutCount": 142 }, { "presentedAllPct": 75.34246575342466, "partialPct": 23.28767123287671, "droppedPct": 1.36986301369863, "rafFps": 60.00098362268234, "p95FrameMs": 16.794999999999753, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 708.3779999999999, "scriptMs": 267.077, "layoutMs": 78.092, "styleMs": 46.702999999999996, "layoutCount": 146 }, { "presentedAllPct": 81.02189781021897, "partialPct": 18.248175182481752, "droppedPct": 0.7299270072992701, "rafFps": 60.0058825438953, "p95FrameMs": 16.799999999999727, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 748.676, "scriptMs": 286.21799999999996, "layoutMs": 82.104, "styleMs": 48.425, "layoutCount": 148 }, { "presentedAllPct": 91.05691056910568, "partialPct": 7.317073170731707, "droppedPct": 1.6260162601626018, "rafFps": 59.51411118601867, "p95FrameMs": 16.700000000000273, "maxFrameMs": 33.30000000000018, "longFramesPct": 0.819672131147541, "loafBlockingMs": 0, "taskMs": 721.4490000000001, "scriptMs": 270.259, "layoutMs": 76.981, "styleMs": 46.045, "layoutCount": 144 }, { "presentedAllPct": 72.54901960784314, "partialPct": 26.143790849673206, "droppedPct": 1.3071895424836601, "rafFps": 60.00193176951063, "p95FrameMs": 16.700000000000273, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 762.0029999999999, "scriptMs": 287.192, "layoutMs": 84.455, "styleMs": 49.832, "layoutCount": 144 }, { "presentedAllPct": 76.38888888888889, "partialPct": 22.22222222222222, "droppedPct": 1.3888888888888888, "rafFps": 60.00293129074174, "p95FrameMs": 16.79499999999997, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 688.862, "scriptMs": 255.77899999999997, "layoutMs": 75.84, "styleMs": 45.263999999999996, "layoutCount": 142 }, { "presentedAllPct": 75.51020408163265, "partialPct": 23.12925170068027, "droppedPct": 1.3605442176870748, "rafFps": 59.99903227367301, "p95FrameMs": 16.799999999999727, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 713.912, "scriptMs": 265.85499999999996, "layoutMs": 78.939, "styleMs": 46.37799999999999, "layoutCount": 146 } ], "tanstack": [ { "presentedAllPct": 70.98765432098766, "partialPct": 27.77777777777778, "droppedPct": 1.2345679012345678, "rafFps": 60.001935546307934, "p95FrameMs": 16.700000000000273, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 549.2949999999998, "scriptMs": 185.69400000000002, "layoutMs": 54.979, "styleMs": 15.78, "layoutCount": 52 }, { "presentedAllPct": 70.98765432098766, "partialPct": 27.77777777777778, "droppedPct": 1.2345679012345678, "rafFps": 60.00193554630795, "p95FrameMs": 16.78499999999981, "maxFrameMs": 16.799999999999955, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 530.244, "scriptMs": 176.626, "layoutMs": 54.562, "styleMs": 15.712, "layoutCount": 52 }, { "presentedAllPct": 80.28169014084507, "partialPct": 19.014084507042252, "droppedPct": 0.7042253521126761, "rafFps": 60.00485893004019, "p95FrameMs": 16.79000000000019, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 525.331, "scriptMs": 173.906, "layoutMs": 54.261, "styleMs": 15.55, "layoutCount": 52 }, { "presentedAllPct": 71.875, "partialPct": 27.500000000000004, "droppedPct": 0.625, "rafFps": 60.001935546307934, "p95FrameMs": 16.799999999999727, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 574.328, "scriptMs": 195.50700000000003, "layoutMs": 57.949, "styleMs": 17.380000000000003, "layoutCount": 52 }, { "presentedAllPct": 70.1219512195122, "partialPct": 29.268292682926827, "droppedPct": 0.6097560975609756, "rafFps": 60.00193554630795, "p95FrameMs": 16.700000000000273, "maxFrameMs": 16.799999999999955, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 540.9979999999999, "scriptMs": 179.40099999999998, "layoutMs": 54.13799999999999, "styleMs": 15.701, "layoutCount": 52 }, { "presentedAllPct": 80.28169014084507, "partialPct": 19.014084507042252, "droppedPct": 0.7042253521126761, "rafFps": 60.00292697204741, "p95FrameMs": 16.789999999999782, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 537.765, "scriptMs": 173.23599999999993, "layoutMs": 55.31999999999999, "styleMs": 15.955999999999998, "layoutCount": 52 }, { "presentedAllPct": 71.42857142857143, "partialPct": 27.32919254658385, "droppedPct": 1.2422360248447204, "rafFps": 60.00193554630795, "p95FrameMs": 16.799999999999955, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 525.2, "scriptMs": 176.32100000000005, "layoutMs": 52.60800000000001, "styleMs": 15.058, "layoutCount": 52 } ], "infinite": [ { "presentedAllPct": 88.81118881118881, "partialPct": 11.188811188811188, "droppedPct": 0, "rafFps": 60.00300015000751, "p95FrameMs": 16.700000000000273, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 503.04400000000004, "scriptMs": 165.20800000000003, "layoutMs": 11.652000000000001, "styleMs": 54.058, "layoutCount": 36 }, { "presentedAllPct": 82.24852071005917, "partialPct": 17.75147928994083, "droppedPct": 0, "rafFps": 60.00198006534216, "p95FrameMs": 16.700000000000273, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 500.78200000000004, "scriptMs": 163.76200000000009, "layoutMs": 12.249, "styleMs": 53.598, "layoutCount": 36 }, { "presentedAllPct": 95.8041958041958, "partialPct": 4.195804195804196, "droppedPct": 0, "rafFps": 60.0030001500075, "p95FrameMs": 16.700000000000273, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 495.1469999999999, "scriptMs": 164.527, "layoutMs": 11.557000000000002, "styleMs": 53.77700000000001, "layoutCount": 36 }, { "presentedAllPct": 95.1048951048951, "partialPct": 4.895104895104895, "droppedPct": 0, "rafFps": 60.0030001500075, "p95FrameMs": 16.700000000000273, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 503.633, "scriptMs": 165.80800000000008, "layoutMs": 11.976, "styleMs": 53.181, "layoutCount": 36 }, { "presentedAllPct": 95.0354609929078, "partialPct": 4.964539007092199, "droppedPct": 0, "rafFps": 60.00300519252897, "p95FrameMs": 16.710000000000218, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 485.68500000000006, "scriptMs": 161.56099999999995, "layoutMs": 11.517, "styleMs": 52.366, "layoutCount": 36 }, { "presentedAllPct": 95.0354609929078, "partialPct": 4.964539007092199, "droppedPct": 0, "rafFps": 60.00403388463091, "p95FrameMs": 16.700000000000273, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 490.57700000000006, "scriptMs": 166.23100000000002, "layoutMs": 11.932999999999998, "styleMs": 53.424, "layoutCount": 36 }, { "presentedAllPct": 96.5034965034965, "partialPct": 3.4965034965034967, "droppedPct": 0, "rafFps": 60.0030001500075, "p95FrameMs": 16.799999999999965, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 492.5200000000001, "scriptMs": 164.319, "layoutMs": 11.866999999999999, "styleMs": 51.947, "layoutCount": 36 } ] } }, "correctness-vertical": { "scenario": "correctness-vertical", "description": "Same kind of vertical wheel gesture, faster (20000px/s). After every painted frame, samples points across the body and checks the cell there is the one that should be there for the current scroll position: \"blank\" = no cell, \"wrong\" = a cell for another row/column (stale content, or position lagging behind the scroll). This is the main thread's view of the frame; it reads layout, so it is never combined with the timing passes.", "metrics": [ { "key": "blankPct", "label": "Blank samples", "unit": "%", "better": "lower" }, { "key": "wrongPct", "label": "Wrong/stale samples", "unit": "%", "better": "lower" }, { "key": "badFramesPct", "label": "Frames with any blank/wrong sample", "unit": "%", "better": "lower" }, { "key": "worstFrameOkPct", "label": "Worst frame: correct samples", "unit": "%", "better": "higher" } ], "samples": { "mui": [ { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 77 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 78 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 79 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 77 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 78 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 79 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 78 } ], "ag-grid": [ { "blankPct": 1.5584415584415585, "wrongPct": 0, "badFramesPct": 7.792207792207792, "worstFrameOkPct": 80, "frames": 77 }, { "blankPct": 2.0779220779220777, "wrongPct": 0, "badFramesPct": 10.38961038961039, "worstFrameOkPct": 80, "frames": 77 }, { "blankPct": 2.3376623376623376, "wrongPct": 0, "badFramesPct": 11.688311688311687, "worstFrameOkPct": 80, "frames": 77 }, { "blankPct": 1.0666666666666667, "wrongPct": 0, "badFramesPct": 5.333333333333334, "worstFrameOkPct": 80, "frames": 75 }, { "blankPct": 2.1052631578947367, "wrongPct": 0, "badFramesPct": 10.526315789473683, "worstFrameOkPct": 80, "frames": 76 }, { "blankPct": 1.8181818181818181, "wrongPct": 0, "badFramesPct": 9.090909090909092, "worstFrameOkPct": 80, "frames": 77 }, { "blankPct": 1.0389610389610389, "wrongPct": 0, "badFramesPct": 5.194805194805195, "worstFrameOkPct": 80, "frames": 77 } ], "tanstack": [ { "blankPct": 2.564102564102564, "wrongPct": 0, "badFramesPct": 12.82051282051282, "worstFrameOkPct": 80, "frames": 78 }, { "blankPct": 2.0253164556962027, "wrongPct": 0, "badFramesPct": 10.126582278481013, "worstFrameOkPct": 80, "frames": 79 }, { "blankPct": 2.307692307692308, "wrongPct": 0, "badFramesPct": 11.538461538461538, "worstFrameOkPct": 80, "frames": 78 }, { "blankPct": 2.278481012658228, "wrongPct": 0, "badFramesPct": 11.39240506329114, "worstFrameOkPct": 80, "frames": 79 }, { "blankPct": 2.564102564102564, "wrongPct": 0, "badFramesPct": 12.82051282051282, "worstFrameOkPct": 80, "frames": 78 }, { "blankPct": 2.5316455696202533, "wrongPct": 0, "badFramesPct": 12.658227848101266, "worstFrameOkPct": 80, "frames": 79 }, { "blankPct": 3.5897435897435894, "wrongPct": 0, "badFramesPct": 17.94871794871795, "worstFrameOkPct": 80, "frames": 78 } ], "infinite": [ { "blankPct": 0, "wrongPct": 69.60526315789474, "badFramesPct": 85, "worstFrameOkPct": 0, "frames": 40 }, { "blankPct": 0, "wrongPct": 67.56892230576442, "badFramesPct": 83.33333333333334, "worstFrameOkPct": 0, "frames": 42 }, { "blankPct": 0, "wrongPct": 72.797783933518, "badFramesPct": 86.8421052631579, "worstFrameOkPct": 0, "frames": 38 }, { "blankPct": 0, "wrongPct": 71.5187969924812, "badFramesPct": 82.85714285714286, "worstFrameOkPct": 0, "frames": 35 }, { "blankPct": 0, "wrongPct": 65.38555691554467, "badFramesPct": 81.3953488372093, "worstFrameOkPct": 0, "frames": 43 }, { "blankPct": 0, "wrongPct": 67.83055198973042, "badFramesPct": 82.92682926829268, "worstFrameOkPct": 0, "frames": 41 }, { "blankPct": 0, "wrongPct": 69.01155327342747, "badFramesPct": 85.36585365853658, "worstFrameOkPct": 0, "frames": 41 } ] } }, "correctness-horizontal": { "scenario": "correctness-horizontal", "description": "Same kind of horizontal wheel gesture. After every painted frame, samples points across the body and checks the cell there is the one that should be there for the current scroll position: \"blank\" = no cell, \"wrong\" = a cell for another row/column (stale content, or position lagging behind the scroll). This is the main thread's view of the frame; it reads layout, so it is never combined with the timing passes.", "metrics": [ { "key": "blankPct", "label": "Blank samples", "unit": "%", "better": "lower" }, { "key": "wrongPct", "label": "Wrong/stale samples", "unit": "%", "better": "lower" }, { "key": "badFramesPct", "label": "Frames with any blank/wrong sample", "unit": "%", "better": "lower" }, { "key": "worstFrameOkPct", "label": "Worst frame: correct samples", "unit": "%", "better": "higher" } ], "samples": { "mui": [ { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 125 } ], "ag-grid": [ { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 122 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 121 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 122 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 123 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 } ], "tanstack": [ { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 125 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 125 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 125 } ], "infinite": [ { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 121 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 120 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 121 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 121 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 121 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 121 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 122 } ] } }, "visual-blank-vertical": { "scenario": "visual-blank-vertical", "description": "Fast vertical wheel gesture (20000px/s) while recording what the compositor actually displays (CDP screencast). Each frame is checked for blank areas: vertical runs of the body with no text where rows should be. Unlike the correctness probe, this also catches the compositor scrolling ahead of the main thread. Screencast capture skips frames under load and adds overhead - compare the grids, not absolute numbers.", "metrics": [ { "key": "blankFramesPct", "label": "Captured frames with blank rows", "unit": "%", "better": "lower" }, { "key": "blankAreaPct", "label": "Blank body area (avg over frames)", "unit": "%", "better": "lower" }, { "key": "maxBlankRows", "label": "Worst frame: blank rows", "unit": "rows", "better": "lower" }, { "key": "capturedFrames", "label": "Captured frames", "unit": "", "better": "higher" } ], "samples": { "mui": [ { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 69 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 70 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 70 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 70 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 69 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 68 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 69 } ], "ag-grid": [ { "blankFramesPct": 23.214285714285715, "blankAreaPct": 5.301715828031617, "maxBlankRows": 13, "capturedFrames": 56 }, { "blankFramesPct": 24.074074074074073, "blankAreaPct": 5.598040685759984, "maxBlankRows": 13, "capturedFrames": 54 }, { "blankFramesPct": 27.27272727272727, "blankAreaPct": 6.183290393816709, "maxBlankRows": 13, "capturedFrames": 55 }, { "blankFramesPct": 26.923076923076923, "blankAreaPct": 5.8133499429045985, "maxBlankRows": 13, "capturedFrames": 52 }, { "blankFramesPct": 26.785714285714285, "blankAreaPct": 4.53055716213611, "maxBlankRows": 10, "capturedFrames": 56 }, { "blankFramesPct": 20, "blankAreaPct": 4.514783462151883, "maxBlankRows": 9, "capturedFrames": 55 }, { "blankFramesPct": 25.925925925925924, "blankAreaPct": 5.897935722497126, "maxBlankRows": 13, "capturedFrames": 54 } ], "tanstack": [ { "blankFramesPct": 2.857142857142857, "blankAreaPct": 0.5390835579514826, "maxBlankRows": 5, "capturedFrames": 70 }, { "blankFramesPct": 1.4285714285714286, "blankAreaPct": 0.15402387370042356, "maxBlankRows": 2, "capturedFrames": 70 }, { "blankFramesPct": 2.9850746268656714, "blankAreaPct": 0.4827613951804321, "maxBlankRows": 5, "capturedFrames": 67 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 68 }, { "blankFramesPct": 7.142857142857142, "blankAreaPct": 0.693107431651906, "maxBlankRows": 5, "capturedFrames": 70 }, { "blankFramesPct": 1.4084507042253522, "blankAreaPct": 0.5314908317831517, "maxBlankRows": 7, "capturedFrames": 71 }, { "blankFramesPct": 2.857142857142857, "blankAreaPct": 0.15402387370042356, "maxBlankRows": 1, "capturedFrames": 70 } ], "infinite": [ { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 71 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 73 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 72 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 74 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 73 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 71 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 72 } ] } } } }, "1m": { "size": "1m", "rowCount": 1000000, "checksum": "1000000:19e5eebe", "scroll": { "mui": { "ratio": 1, "linearRatio": 1.1920991535339556, "scrollMax": 33553620, "lastVisibleRow": 838860, "rowCount": 1000000 }, "ag-grid": { "ratio": 1.2500058595137973, "linearRatio": 1.250005953266018, "scrollMax": 31999242, "lastVisibleRow": 1000000, "rowCount": 1000000 }, "tanstack": { "ratio": 1, "linearRatio": 1.1920987271959114, "scrollMax": 33553632, "lastVisibleRow": 838860, "rowCount": 1000000 }, "infinite": { "ratio": 1.2500059220152777, "linearRatio": 1.2500059220152777, "scrollMax": 31999242, "lastVisibleRow": 1000000, "rowCount": 1000000 } }, "results": { "mount": { "scenario": "mount", "description": "Mount the grid with all the rows (data already in memory). \"Visible\" = from setState to the end of the first frame committed with the whole viewport (first/last visible row and column) showing the right content. \"Settled\" = until the first frame committed after the grid's last DOM mutation. Memory is the JS heap retained by the grid after GC (heap after mount - heap before mount).", "metrics": [ { "key": "visibleMs", "label": "Time to first rows painted", "unit": "ms", "better": "lower" }, { "key": "settledMs", "label": "Time until settled", "unit": "ms", "better": "lower" }, { "key": "scriptMs", "label": "Main thread: scripting", "unit": "ms", "better": "lower" }, { "key": "layoutMs", "label": "Main thread: layout", "unit": "ms", "better": "lower" }, { "key": "styleMs", "label": "Main thread: style recalc", "unit": "ms", "better": "lower" }, { "key": "taskMs", "label": "Main thread: all tasks", "unit": "ms", "better": "lower" }, { "key": "heapMB", "label": "JS heap retained by grid", "unit": "MB", "better": "lower" }, { "key": "gridElements", "label": "DOM elements in grid", "unit": "", "better": "lower" } ], "samples": { "mui": [ { "visibleMs": 750.828, "settledMs": 750.828, "taskMs": 754.43, "scriptMs": 737.1260000000001, "layoutMs": 4.441000000000001, "styleMs": 4.83, "layoutCount": 5, "heapMB": 149.87977981567383, "gridElements": 529 }, { "visibleMs": 744.809, "settledMs": 744.809, "taskMs": 748.075, "scriptMs": 730.7139999999998, "layoutMs": 4.6499999999999995, "styleMs": 4.68, "layoutCount": 5, "heapMB": 149.8778533935547, "gridElements": 529 }, { "visibleMs": 710.627, "settledMs": 710.627, "taskMs": 714.016, "scriptMs": 696.391, "layoutMs": 4.6530000000000005, "styleMs": 4.832999999999999, "layoutCount": 5, "heapMB": 149.8776626586914, "gridElements": 529 }, { "visibleMs": 748.249, "settledMs": 748.249, "taskMs": 751.5340000000001, "scriptMs": 733.995, "layoutMs": 4.775999999999999, "styleMs": 4.877999999999999, "layoutCount": 5, "heapMB": 149.87760543823242, "gridElements": 529 }, { "visibleMs": 742.063, "settledMs": 742.063, "taskMs": 745.377, "scriptMs": 728.5829999999999, "layoutMs": 4.510999999999999, "styleMs": 4.768, "layoutCount": 5, "heapMB": 149.8774757385254, "gridElements": 529 }, { "visibleMs": 732.809, "settledMs": 732.809, "taskMs": 736.0949999999999, "scriptMs": 719.157, "layoutMs": 4.734, "styleMs": 4.812, "layoutCount": 5, "heapMB": 149.87768936157227, "gridElements": 529 }, { "visibleMs": 749.114, "settledMs": 749.114, "taskMs": 752.5469999999998, "scriptMs": 735.7170000000001, "layoutMs": 4.512999999999999, "styleMs": 4.719, "layoutCount": 5, "heapMB": 149.87747955322266, "gridElements": 529 } ], "ag-grid": [ { "visibleMs": 797.436, "settledMs": 900.259, "taskMs": 819.585, "scriptMs": 771.6659999999999, "layoutMs": 7.248000000000005, "styleMs": 11.863999999999999, "layoutCount": 24, "heapMB": 213.3769073486328, "gridElements": 637 }, { "visibleMs": 808.962, "settledMs": 911.694, "taskMs": 816.94, "scriptMs": 783.131, "layoutMs": 7.361000000000001, "styleMs": 11.672, "layoutCount": 24, "heapMB": 213.41358947753906, "gridElements": 637 }, { "visibleMs": 804.424, "settledMs": 907.176, "taskMs": 813.1379999999999, "scriptMs": 778.053, "layoutMs": 7.414, "styleMs": 12.062, "layoutCount": 24, "heapMB": 213.41358947753906, "gridElements": 637 }, { "visibleMs": 815.597, "settledMs": 918.283, "taskMs": 839.4840000000002, "scriptMs": 789.838, "layoutMs": 7.232000000000002, "styleMs": 11.77, "layoutCount": 24, "heapMB": 213.3769073486328, "gridElements": 637 }, { "visibleMs": 808.459, "settledMs": 911.238, "taskMs": 830.0849999999999, "scriptMs": 781.937, "layoutMs": 7.648000000000001, "styleMs": 11.908, "layoutCount": 24, "heapMB": 213.3769073486328, "gridElements": 637 }, { "visibleMs": 803.245, "settledMs": 906.078, "taskMs": 824.665, "scriptMs": 776.1, "layoutMs": 8.064, "styleMs": 12.309, "layoutCount": 24, "heapMB": 213.37680435180664, "gridElements": 637 }, { "visibleMs": 808.512, "settledMs": 911.243, "taskMs": 832.816, "scriptMs": 782.5300000000001, "layoutMs": 7.437999999999999, "styleMs": 11.677, "layoutCount": 24, "heapMB": 213.37689590454102, "gridElements": 637 } ], "tanstack": [ { "visibleMs": 658.539, "settledMs": 658.539, "taskMs": 660.8910000000001, "scriptMs": 647.79, "layoutMs": 4.648, "styleMs": 1.863, "layoutCount": 3, "heapMB": 286.83949279785156, "gridElements": 352 }, { "visibleMs": 657.752, "settledMs": 657.752, "taskMs": 660.4240000000001, "scriptMs": 647.332, "layoutMs": 4.255999999999999, "styleMs": 2.2129999999999996, "layoutCount": 3, "heapMB": 286.839542388916, "gridElements": 352 }, { "visibleMs": 656.7, "settledMs": 656.7, "taskMs": 659.1149999999999, "scriptMs": 646.5110000000001, "layoutMs": 4.196000000000001, "styleMs": 2.211, "layoutCount": 3, "heapMB": 286.8395462036133, "gridElements": 352 }, { "visibleMs": 658.786, "settledMs": 658.786, "taskMs": 661.069, "scriptMs": 649.1149999999999, "layoutMs": 4.284, "styleMs": 1.6810000000000003, "layoutCount": 3, "heapMB": 286.83973693847656, "gridElements": 352 }, { "visibleMs": 654.621, "settledMs": 654.621, "taskMs": 656.9349999999998, "scriptMs": 644.673, "layoutMs": 4.343999999999999, "styleMs": 1.6949999999999998, "layoutCount": 3, "heapMB": 286.83882904052734, "gridElements": 352 }, { "visibleMs": 667.128, "settledMs": 667.128, "taskMs": 670.779, "scriptMs": 657.1030000000001, "layoutMs": 4.41, "styleMs": 1.6680000000000001, "layoutCount": 3, "heapMB": 286.83948516845703, "gridElements": 352 }, { "visibleMs": 665.663, "settledMs": 665.663, "taskMs": 668.1009999999999, "scriptMs": 654.2869999999999, "layoutMs": 4.558, "styleMs": 2.4499999999999997, "layoutCount": 3, "heapMB": 286.8395195007324, "gridElements": 352 } ], "infinite": [ { "visibleMs": 579.034, "settledMs": 579.034, "taskMs": 583.3889999999999, "scriptMs": 554.807, "layoutMs": 4.322000000000001, "styleMs": 9.270999999999999, "layoutCount": 13, "heapMB": 90.69618606567383, "gridElements": 609 }, { "visibleMs": 550.097, "settledMs": 572.012, "taskMs": 564.6370000000001, "scriptMs": 537.0749999999999, "layoutMs": 3.712, "styleMs": 8.056000000000001, "layoutCount": 13, "heapMB": 89.71316909790039, "gridElements": 609 }, { "visibleMs": 555.799, "settledMs": 555.799, "taskMs": 559.428, "scriptMs": 531.675, "layoutMs": 4.344, "styleMs": 9.312000000000001, "layoutCount": 13, "heapMB": 90.696044921875, "gridElements": 609 }, { "visibleMs": 565.054, "settledMs": 565.054, "taskMs": 568.777, "scriptMs": 542.263, "layoutMs": 3.660999999999999, "styleMs": 8.695, "layoutCount": 13, "heapMB": 90.69540023803711, "gridElements": 609 }, { "visibleMs": 566.705, "settledMs": 566.705, "taskMs": 570.4209999999998, "scriptMs": 542.641, "layoutMs": 3.8960000000000004, "styleMs": 9.493, "layoutCount": 13, "heapMB": 90.69598007202148, "gridElements": 609 }, { "visibleMs": 548.227, "settledMs": 562.327, "taskMs": 561.9110000000001, "scriptMs": 535.439, "layoutMs": 3.8910000000000005, "styleMs": 8.213, "layoutCount": 13, "heapMB": 89.71257019042969, "gridElements": 609 }, { "visibleMs": 631.998, "settledMs": 631.998, "taskMs": 636.0369999999999, "scriptMs": 608.778, "layoutMs": 3.7579999999999996, "styleMs": 8.594, "layoutCount": 13, "heapMB": 90.696044921875, "gridElements": 609 } ] } }, "sort-string": { "scenario": "sort-string", "description": "Click the \"code\" column header (string column, unique-ish values) - first click sorts ascending (cold), second click descending. Measured from pointerdown to the end of the first frame committed with all visible rows sorted (and each row consistent: its cells belong to the same data row).", "metrics": [ { "key": "ascVisibleMs", "label": "Ascending: click to sorted rows painted", "unit": "ms", "better": "lower" }, { "key": "ascSettledMs", "label": "Ascending: click to settled", "unit": "ms", "better": "lower" }, { "key": "descVisibleMs", "label": "Descending: click to sorted rows painted", "unit": "ms", "better": "lower" }, { "key": "descSettledMs", "label": "Descending: click to settled", "unit": "ms", "better": "lower" }, { "key": "ascScriptMs", "label": "Ascending: main thread scripting", "unit": "ms", "better": "lower" }, { "key": "descScriptMs", "label": "Descending: main thread scripting", "unit": "ms", "better": "lower" } ], "samples": { "mui": [ { "ascVisibleMs": 5466.138, "ascSettledMs": 5466.138, "ascScriptMs": 5454.356, "descVisibleMs": 5906.002, "descSettledMs": 5906.002, "descScriptMs": 5896.134 }, { "ascVisibleMs": 5587.834, "ascSettledMs": 5587.834, "ascScriptMs": 5575.754, "descVisibleMs": 5354.966, "descSettledMs": 5354.966, "descScriptMs": 5345.847 }, { "ascVisibleMs": 5286.181, "ascSettledMs": 5286.181, "ascScriptMs": 5273.982999999999, "descVisibleMs": 5552.032, "descSettledMs": 5552.032, "descScriptMs": 5542.989 }, { "ascVisibleMs": 5203.733, "ascSettledMs": 5203.733, "ascScriptMs": 5192.228, "descVisibleMs": 5227.91, "descSettledMs": 5227.91, "descScriptMs": 5218.333 }, { "ascVisibleMs": 5335.389, "ascSettledMs": 5335.389, "ascScriptMs": 5322.821, "descVisibleMs": 5477.642, "descSettledMs": 5477.642, "descScriptMs": 5469.2080000000005 }, { "ascVisibleMs": 5570.249, "ascSettledMs": 5570.249, "ascScriptMs": 5557.909000000001, "descVisibleMs": 5396.997, "descSettledMs": 5396.997, "descScriptMs": 5387.346 }, { "ascVisibleMs": 5526.209, "ascSettledMs": 5526.209, "ascScriptMs": 5513.959, "descVisibleMs": 5672.387, "descSettledMs": 5672.387, "descScriptMs": 5663.688 } ], "ag-grid": [ { "ascVisibleMs": 4191.515, "ascSettledMs": 4191.515, "ascScriptMs": 4178.799000000001, "descVisibleMs": 4173.234, "descSettledMs": 4173.234, "descScriptMs": 4158.252 }, { "ascVisibleMs": 4003.279, "ascSettledMs": 4003.279, "ascScriptMs": 3985.3799999999997, "descVisibleMs": 4078.544, "descSettledMs": 4078.544, "descScriptMs": 4063.771000000001 }, { "ascVisibleMs": 4076.719, "ascSettledMs": 4076.719, "ascScriptMs": 4057.9979999999996, "descVisibleMs": 4162.109, "descSettledMs": 4162.109, "descScriptMs": 4145.795000000001 }, { "ascVisibleMs": 3890.957, "ascSettledMs": 3890.957, "ascScriptMs": 3876.387, "descVisibleMs": 3998.601, "descSettledMs": 3998.601, "descScriptMs": 3983.1970000000006 }, { "ascVisibleMs": 4066.575, "ascSettledMs": 4066.575, "ascScriptMs": 4048.4770000000003, "descVisibleMs": 4140.539, "descSettledMs": 4140.539, "descScriptMs": 4125.866 }, { "ascVisibleMs": 4013.937, "ascSettledMs": 4013.937, "ascScriptMs": 4000.45, "descVisibleMs": 4247.078, "descSettledMs": 4247.078, "descScriptMs": 4231.5869999999995 }, { "ascVisibleMs": 4137.344, "ascSettledMs": 4137.344, "ascScriptMs": 4118.198, "descVisibleMs": 4088.778, "descSettledMs": 4088.778, "descScriptMs": 4074.04 } ], "tanstack": [ { "ascVisibleMs": 6222.962, "ascSettledMs": 6222.962, "ascScriptMs": 6214.857999999999, "descVisibleMs": 5848.057, "descSettledMs": 5848.057, "descScriptMs": 5839.875999999999 }, { "ascVisibleMs": 5857.692, "ascSettledMs": 5857.692, "ascScriptMs": 5847.689, "descVisibleMs": 5738.838, "descSettledMs": 5738.838, "descScriptMs": 5730.000999999998 }, { "ascVisibleMs": 5611.632, "ascSettledMs": 5611.632, "ascScriptMs": 5603.446, "descVisibleMs": 5805.452, "descSettledMs": 5805.452, "descScriptMs": 5796.978999999999 }, { "ascVisibleMs": 5671.091, "ascSettledMs": 5671.091, "ascScriptMs": 5661.793000000001, "descVisibleMs": 5611.297, "descSettledMs": 5611.297, "descScriptMs": 5603.479 }, { "ascVisibleMs": 6204.598, "ascSettledMs": 6204.598, "ascScriptMs": 6184.0650000000005, "descVisibleMs": 6329.702, "descSettledMs": 6329.702, "descScriptMs": 6321.896 }, { "ascVisibleMs": 6082.879, "ascSettledMs": 6082.879, "ascScriptMs": 6074.348000000001, "descVisibleMs": 6041.129, "descSettledMs": 6041.129, "descScriptMs": 6033.694 }, { "ascVisibleMs": 6113.734, "ascSettledMs": 6113.734, "ascScriptMs": 6104.352000000001, "descVisibleMs": 6026.827, "descSettledMs": 6026.827, "descScriptMs": 6018.164000000001 } ], "infinite": [ { "ascVisibleMs": 2123.079, "ascSettledMs": 2132.707, "ascScriptMs": 2109.341, "descVisibleMs": 2455.568, "descSettledMs": 2455.568, "descScriptMs": 2440.0829999999996 }, { "ascVisibleMs": 1978.484, "ascSettledMs": 1995.061, "ascScriptMs": 1965.6089999999997, "descVisibleMs": 2355.63, "descSettledMs": 2355.63, "descScriptMs": 2338.5019999999995 }, { "ascVisibleMs": 2030.908, "ascSettledMs": 2046.565, "ascScriptMs": 2017.829, "descVisibleMs": 2276.191, "descSettledMs": 2276.191, "descScriptMs": 2259.771 }, { "ascVisibleMs": 1992.381, "ascSettledMs": 2001.817, "ascScriptMs": 1979.3360000000002, "descVisibleMs": 2336.394, "descSettledMs": 2336.394, "descScriptMs": 2319.628 }, { "ascVisibleMs": 2152.824, "ascSettledMs": 2162.933, "ascScriptMs": 2138.7859999999996, "descVisibleMs": 2467.788, "descSettledMs": 2467.788, "descScriptMs": 2451.5879999999997 }, { "ascVisibleMs": 2120.094, "ascSettledMs": 2129.089, "ascScriptMs": 2106.3030000000003, "descVisibleMs": 2511.404, "descSettledMs": 2511.404, "descScriptMs": 2488.429 }, { "ascVisibleMs": 2153.545, "ascSettledMs": 2162.691, "ascScriptMs": 2140.677, "descVisibleMs": 2430.549, "descSettledMs": 2430.549, "descScriptMs": 2415.1830000000004 } ] } }, "sort-number": { "scenario": "sort-number", "description": "Click the \"salary\" column header (number column, unique-ish values) - first click sorts ascending (cold), second click descending. Measured from pointerdown to the end of the first frame committed with all visible rows sorted (and each row consistent: its cells belong to the same data row).", "metrics": [ { "key": "ascVisibleMs", "label": "Ascending: click to sorted rows painted", "unit": "ms", "better": "lower" }, { "key": "ascSettledMs", "label": "Ascending: click to settled", "unit": "ms", "better": "lower" }, { "key": "descVisibleMs", "label": "Descending: click to sorted rows painted", "unit": "ms", "better": "lower" }, { "key": "descSettledMs", "label": "Descending: click to settled", "unit": "ms", "better": "lower" }, { "key": "ascScriptMs", "label": "Ascending: main thread scripting", "unit": "ms", "better": "lower" }, { "key": "descScriptMs", "label": "Descending: main thread scripting", "unit": "ms", "better": "lower" } ], "samples": { "mui": [ { "ascVisibleMs": 2586.139, "ascSettledMs": 2586.139, "ascScriptMs": 2573.9909999999995, "descVisibleMs": 3814.341, "descSettledMs": 3814.341, "descScriptMs": 3805.6730000000002 }, { "ascVisibleMs": 2607.403, "ascSettledMs": 2607.403, "ascScriptMs": 2595.357, "descVisibleMs": 3800.932, "descSettledMs": 3800.932, "descScriptMs": 3792.6019999999994 }, { "ascVisibleMs": 2583.756, "ascSettledMs": 2583.756, "ascScriptMs": 2571.447, "descVisibleMs": 3816.368, "descSettledMs": 3816.368, "descScriptMs": 3807.1969999999997 }, { "ascVisibleMs": 2613.917, "ascSettledMs": 2613.917, "ascScriptMs": 2601.166, "descVisibleMs": 3703.81, "descSettledMs": 3703.81, "descScriptMs": 3694.119 }, { "ascVisibleMs": 2653.072, "ascSettledMs": 2653.072, "ascScriptMs": 2641.406, "descVisibleMs": 3760.102, "descSettledMs": 3760.102, "descScriptMs": 3751.1310000000003 }, { "ascVisibleMs": 2595.92, "ascSettledMs": 2595.92, "ascScriptMs": 2582.915, "descVisibleMs": 3633.738, "descSettledMs": 3633.738, "descScriptMs": 3624.733 }, { "ascVisibleMs": 2576.589, "ascSettledMs": 2576.589, "ascScriptMs": 2564.1749999999997, "descVisibleMs": 3739.505, "descSettledMs": 3739.505, "descScriptMs": 3730.4030000000002 } ], "ag-grid": [ { "ascVisibleMs": 3307.55, "ascSettledMs": 3307.55, "ascScriptMs": 3287.912, "descVisibleMs": 3387.213, "descSettledMs": 3387.213, "descScriptMs": 3371.8460000000005 }, { "ascVisibleMs": 3400.592, "ascSettledMs": 3400.592, "ascScriptMs": 3369.211, "descVisibleMs": 3515.841, "descSettledMs": 3515.841, "descScriptMs": 3500.9789999999994 }, { "ascVisibleMs": 3223.3, "ascSettledMs": 3223.3, "ascScriptMs": 3205.555, "descVisibleMs": 3378.451, "descSettledMs": 3378.451, "descScriptMs": 3363.7390000000005 }, { "ascVisibleMs": 3306.319, "ascSettledMs": 3306.319, "ascScriptMs": 3288.2490000000003, "descVisibleMs": 3365.88, "descSettledMs": 3365.88, "descScriptMs": 3350.9700000000003 }, { "ascVisibleMs": 3236.703, "ascSettledMs": 3236.703, "ascScriptMs": 3223.9950000000003, "descVisibleMs": 3379.034, "descSettledMs": 3379.034, "descScriptMs": 3364.6010000000006 }, { "ascVisibleMs": 3350.273, "ascSettledMs": 3350.273, "ascScriptMs": 3337.6849999999995, "descVisibleMs": 3474.557, "descSettledMs": 3474.557, "descScriptMs": 3458.914 }, { "ascVisibleMs": 3238.105, "ascSettledMs": 3238.105, "ascScriptMs": 3224.3679999999995, "descVisibleMs": 3337.853, "descSettledMs": 3337.853, "descScriptMs": 3323.183 } ], "tanstack": [ { "ascVisibleMs": 4692.134, "ascSettledMs": 4692.134, "ascScriptMs": 4683.719, "descVisibleMs": 4579.092, "descSettledMs": 4579.092, "descScriptMs": 4570.927000000001 }, { "ascVisibleMs": 4407.294, "ascSettledMs": 4407.294, "ascScriptMs": 4399.340999999999, "descVisibleMs": 4436.085, "descSettledMs": 4436.085, "descScriptMs": 4428.669999999999 }, { "ascVisibleMs": 4413.053, "ascSettledMs": 4413.053, "ascScriptMs": 4404.759, "descVisibleMs": 4488.944, "descSettledMs": 4488.944, "descScriptMs": 4481.418 }, { "ascVisibleMs": 4527.542, "ascSettledMs": 4527.542, "ascScriptMs": 4519.389999999999, "descVisibleMs": 4526.637, "descSettledMs": 4526.637, "descScriptMs": 4518.657000000001 }, { "ascVisibleMs": 4430.997, "ascSettledMs": 4430.997, "ascScriptMs": 4422.557000000001, "descVisibleMs": 4460.155, "descSettledMs": 4460.155, "descScriptMs": 4452.407999999999 }, { "ascVisibleMs": 4530.97, "ascSettledMs": 4530.97, "ascScriptMs": 4522.235000000001, "descVisibleMs": 4667.305, "descSettledMs": 4667.305, "descScriptMs": 4656.636 }, { "ascVisibleMs": 4510.272, "ascSettledMs": 4510.272, "ascScriptMs": 4502.1, "descVisibleMs": 4747.874, "descSettledMs": 4747.874, "descScriptMs": 4739.732 } ], "infinite": [ { "ascVisibleMs": 1384.769, "ascSettledMs": 1401.367, "ascScriptMs": 1371.611, "descVisibleMs": 1519.183, "descSettledMs": 1519.183, "descScriptMs": 1503.1350000000002 }, { "ascVisibleMs": 1373.75, "ascSettledMs": 1382.897, "ascScriptMs": 1359.2620000000002, "descVisibleMs": 1468.957, "descSettledMs": 1468.957, "descScriptMs": 1452.103 }, { "ascVisibleMs": 1406.077, "ascSettledMs": 1416.119, "ascScriptMs": 1392.0679999999998, "descVisibleMs": 1468.745, "descSettledMs": 1468.745, "descScriptMs": 1452.1659999999997 }, { "ascVisibleMs": 1370.57, "ascSettledMs": 1380.462, "ascScriptMs": 1357.7890000000002, "descVisibleMs": 1510.371, "descSettledMs": 1510.371, "descScriptMs": 1494.5759999999998 }, { "ascVisibleMs": 1383.919, "ascSettledMs": 1399.636, "ascScriptMs": 1370.9040000000002, "descVisibleMs": 1476.563, "descSettledMs": 1476.563, "descScriptMs": 1460.7579999999998 }, { "ascVisibleMs": 1373.662, "ascSettledMs": 1382.857, "ascScriptMs": 1360.328, "descVisibleMs": 1554.605, "descSettledMs": 1554.605, "descScriptMs": 1539.67 }, { "ascVisibleMs": 1365.21, "ascSettledMs": 1382.058, "ascScriptMs": 1351.0449999999998, "descVisibleMs": 1478.539, "descSettledMs": 1478.539, "descScriptMs": 1462.218 } ] } }, "scroll-jump": { "scenario": "scroll-jump", "description": "Programmatic jumps to 10 far-away scroll positions (like dragging the scrollbar thumb). Measured from setting scrollTop to the end of the first frame committed with the first and last visible rows showing the right content, at the right position.", "metrics": [ { "key": "visibleMs", "label": "Jump to rows painted (median of jumps)", "unit": "ms", "better": "lower" }, { "key": "visibleMaxMs", "label": "Jump to rows painted (worst jump)", "unit": "ms", "better": "lower" }, { "key": "settledMs", "label": "Jump to settled (median of jumps)", "unit": "ms", "better": "lower" }, { "key": "scriptMs", "label": "Main thread scripting (all jumps)", "unit": "ms", "better": "lower" } ], "samples": { "mui": [ { "visibleMs": 21.6685, "visibleMaxMs": 42.301, "settledMs": 21.6685, "scriptMs": 145.52100000000002 }, { "visibleMs": 21.753, "visibleMaxMs": 41.172, "settledMs": 21.753, "scriptMs": 145.9269999999999 }, { "visibleMs": 21.4235, "visibleMaxMs": 42.425, "settledMs": 21.4235, "scriptMs": 147.37599999999995 }, { "visibleMs": 22.099, "visibleMaxMs": 40.724, "settledMs": 22.099, "scriptMs": 147.3819999999999 }, { "visibleMs": 22.407, "visibleMaxMs": 41.136, "settledMs": 22.407, "scriptMs": 150.1490000000001 }, { "visibleMs": 21.912, "visibleMaxMs": 43.981, "settledMs": 21.912, "scriptMs": 151.556 }, { "visibleMs": 21.394, "visibleMaxMs": 40.426, "settledMs": 21.394, "scriptMs": 141.44 } ], "ag-grid": [ { "visibleMs": 38.2595, "visibleMaxMs": 65.765, "settledMs": 38.2595, "scriptMs": 239.33399999999995 }, { "visibleMs": 34.455, "visibleMaxMs": 67.857, "settledMs": 34.455, "scriptMs": 230.05999999999995 }, { "visibleMs": 35.12, "visibleMaxMs": 67.111, "settledMs": 35.12, "scriptMs": 230.65099999999995 }, { "visibleMs": 34.9005, "visibleMaxMs": 69.891, "settledMs": 34.9005, "scriptMs": 233.1270000000001 }, { "visibleMs": 35.186, "visibleMaxMs": 68.734, "settledMs": 35.186, "scriptMs": 231.50800000000004 }, { "visibleMs": 34.784, "visibleMaxMs": 72.005, "settledMs": 34.784, "scriptMs": 231.01899999999986 }, { "visibleMs": 34.852999999999994, "visibleMaxMs": 68.246, "settledMs": 34.852999999999994, "scriptMs": 247.56 } ], "tanstack": [ { "visibleMs": 12.435, "visibleMaxMs": 33.649, "settledMs": 12.435, "scriptMs": 82.54800000000006 }, { "visibleMs": 12.0765, "visibleMaxMs": 33.616, "settledMs": 12.0765, "scriptMs": 79.41899999999991 }, { "visibleMs": 12.487, "visibleMaxMs": 34.55, "settledMs": 12.487, "scriptMs": 81.05300000000004 }, { "visibleMs": 12.231000000000002, "visibleMaxMs": 32.924, "settledMs": 12.231000000000002, "scriptMs": 81.42199999999988 }, { "visibleMs": 12.622499999999999, "visibleMaxMs": 35.146, "settledMs": 12.622499999999999, "scriptMs": 80.03099999999996 }, { "visibleMs": 12.603, "visibleMaxMs": 35.431, "settledMs": 12.603, "scriptMs": 82.43800000000002 }, { "visibleMs": 13.186, "visibleMaxMs": 36.589, "settledMs": 13.186, "scriptMs": 90.14199999999994 } ], "infinite": [ { "visibleMs": 41.057, "visibleMaxMs": 48.938, "settledMs": 41.057, "scriptMs": 238.56300000000007 }, { "visibleMs": 40.202, "visibleMaxMs": 50.293, "settledMs": 40.202, "scriptMs": 233.64399999999995 }, { "visibleMs": 39.998000000000005, "visibleMaxMs": 52.625, "settledMs": 39.998000000000005, "scriptMs": 237.212 }, { "visibleMs": 39.2025, "visibleMaxMs": 45.424, "settledMs": 39.2025, "scriptMs": 220.30100000000007 }, { "visibleMs": 40.2675, "visibleMaxMs": 52.387, "settledMs": 40.2675, "scriptMs": 239.784 }, { "visibleMs": 39.482, "visibleMaxMs": 52.712, "settledMs": 39.482, "scriptMs": 234.57899999999987 }, { "visibleMs": 40.036, "visibleMaxMs": 51.515, "settledMs": 40.036, "scriptMs": 236.45899999999997 } ] } }, "scroll-vertical": { "scenario": "scroll-vertical", "description": "Wheel-scroll down 24000px at 8000px/s (Input.synthesizeScrollGesture - real input pipeline, same gesture for every grid). Frame outcomes come from Chrome's compositor (PipelineReporter): \"partial\" = frame shown without the main thread's update, \"dropped\" = no new frame. rAF frame intervals and Long Animation Frames come from the page.", "metrics": [ { "key": "presentedAllPct", "label": "Frames fully presented", "unit": "%", "better": "higher" }, { "key": "partialPct", "label": "Frames presented without main-thread update", "unit": "%", "better": "lower" }, { "key": "droppedPct", "label": "Frames dropped", "unit": "%", "better": "lower" }, { "key": "rafFps", "label": "Main thread frame rate (rAF)", "unit": "fps", "better": "higher" }, { "key": "p95FrameMs", "label": "p95 rAF frame interval", "unit": "ms", "better": "lower" }, { "key": "maxFrameMs", "label": "Worst rAF frame interval", "unit": "ms", "better": "lower" }, { "key": "longFramesPct", "label": "rAF intervals > 25ms", "unit": "%", "better": "lower" }, { "key": "loafBlockingMs", "label": "Long animation frames: total blocking", "unit": "ms", "better": "lower" }, { "key": "scriptMs", "label": "Main thread: scripting", "unit": "ms", "better": "lower" }, { "key": "layoutMs", "label": "Main thread: layout", "unit": "ms", "better": "lower" }, { "key": "styleMs", "label": "Main thread: style recalc", "unit": "ms", "better": "lower" }, { "key": "taskMs", "label": "Main thread: all tasks", "unit": "ms", "better": "lower" } ], "samples": { "mui": [ { "presentedAllPct": 50.27624309392266, "partialPct": 49.447513812154696, "droppedPct": 0.2762430939226519, "rafFps": 60.002594706798135, "p95FrameMs": 16.700000000000728, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1581.1000000000001, "scriptMs": 645.8080000000001, "layoutMs": 72.70800000000001, "styleMs": 100.94300000000001, "layoutCount": 180 }, { "presentedAllPct": 50.13774104683195, "partialPct": 49.311294765840216, "droppedPct": 0.5509641873278237, "rafFps": 59.68254050186241, "p95FrameMs": 16.700000000000728, "maxFrameMs": 33.30000000000018, "longFramesPct": 0.5405405405405406, "loafBlockingMs": 0, "taskMs": 1707.0380000000002, "scriptMs": 710.364, "layoutMs": 72.569, "styleMs": 105.797, "layoutCount": 179 }, { "presentedAllPct": 50.27624309392266, "partialPct": 49.447513812154696, "droppedPct": 0.2762430939226519, "rafFps": 60.00259470679813, "p95FrameMs": 16.799999999999272, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1646.862, "scriptMs": 685.273, "layoutMs": 72.069, "styleMs": 101.73100000000001, "layoutCount": 180 }, { "presentedAllPct": 50.13774104683195, "partialPct": 49.311294765840216, "droppedPct": 0.5509641873278237, "rafFps": 59.68254050186241, "p95FrameMs": 16.700000000000728, "maxFrameMs": 33.30000000000018, "longFramesPct": 0.5405405405405406, "loafBlockingMs": 0, "taskMs": 1699.695, "scriptMs": 722.769, "layoutMs": 78.568, "styleMs": 105.64399999999999, "layoutCount": 179 }, { "presentedAllPct": 50.27624309392266, "partialPct": 49.447513812154696, "droppedPct": 0.2762430939226519, "rafFps": 60.00259470679813, "p95FrameMs": 16.700000000000728, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1693.7199999999998, "scriptMs": 714.3960000000001, "layoutMs": 73.58899999999998, "styleMs": 105.979, "layoutCount": 180 }, { "presentedAllPct": 50, "partialPct": 49.171270718232044, "droppedPct": 0.8287292817679558, "rafFps": 59.35801723576166, "p95FrameMs": 16.700000000000728, "maxFrameMs": 33.40000000000009, "longFramesPct": 1.0869565217391304, "loafBlockingMs": 0, "taskMs": 1663.9049999999997, "scriptMs": 698.072, "layoutMs": 72.065, "styleMs": 101.33399999999999, "layoutCount": 178 }, { "presentedAllPct": 50.27472527472527, "partialPct": 49.45054945054945, "droppedPct": 0.27472527472527475, "rafFps": 60.00387121749791, "p95FrameMs": 16.774999999999977, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1692.84, "scriptMs": 702.8349999999999, "layoutMs": 76.37200000000001, "styleMs": 102.983, "layoutCount": 180 } ], "ag-grid": [ { "presentedAllPct": 49.71910112359551, "partialPct": 49.157303370786515, "droppedPct": 1.1235955056179776, "rafFps": 59.02892871575756, "p95FrameMs": 16.800000000000182, "maxFrameMs": 33.40000000000009, "longFramesPct": 1.6483516483516485, "loafBlockingMs": 0, "taskMs": 2164.8740000000003, "scriptMs": 858.2310000000002, "layoutMs": 118.889, "styleMs": 483.945, "layoutCount": 352 }, { "presentedAllPct": 49.86072423398329, "partialPct": 49.02506963788301, "droppedPct": 1.1142061281337048, "rafFps": 59.03606684302213, "p95FrameMs": 16.700000000000728, "maxFrameMs": 33.30000000000018, "longFramesPct": 1.639344262295082, "loafBlockingMs": 0, "taskMs": 2154.694, "scriptMs": 869.3100000000001, "layoutMs": 119.00600000000001, "styleMs": 462.514, "layoutCount": 353 }, { "presentedAllPct": 49.72067039106145, "partialPct": 48.882681564245814, "droppedPct": 1.3966480446927374, "rafFps": 58.712821396242504, "p95FrameMs": 16.700000000000728, "maxFrameMs": 33.40000000000009, "longFramesPct": 2.197802197802198, "loafBlockingMs": 0, "taskMs": 2148.5300000000007, "scriptMs": 852.8420000000001, "layoutMs": 120.431, "styleMs": 467.202, "layoutCount": 351 }, { "presentedAllPct": 50, "partialPct": 49.166666666666664, "droppedPct": 0.8333333333333334, "rafFps": 59.35866830118073, "p95FrameMs": 16.800000000000182, "maxFrameMs": 33.30000000000018, "longFramesPct": 1.0869565217391304, "loafBlockingMs": 0, "taskMs": 2216.365, "scriptMs": 887.418, "layoutMs": 123.53199999999998, "styleMs": 488.374, "layoutCount": 355 }, { "presentedAllPct": 50, "partialPct": 49.166666666666664, "droppedPct": 0.8333333333333334, "rafFps": 59.358668301180714, "p95FrameMs": 16.799999999999272, "maxFrameMs": 33.40000000000009, "longFramesPct": 1.0869565217391304, "loafBlockingMs": 0, "taskMs": 2148.836, "scriptMs": 865.362, "layoutMs": 123.46499999999999, "styleMs": 461.433, "layoutCount": 354 }, { "presentedAllPct": 49.72067039106145, "partialPct": 48.882681564245814, "droppedPct": 1.3966480446927374, "rafFps": 58.712821396242504, "p95FrameMs": 16.800000000000182, "maxFrameMs": 33.30000000000018, "longFramesPct": 2.197802197802198, "loafBlockingMs": 0, "taskMs": 2174.9470000000006, "scriptMs": 883.6379999999999, "layoutMs": 124.344, "styleMs": 466.144, "layoutCount": 351 }, { "presentedAllPct": 49.85994397759104, "partialPct": 49.299719887955185, "droppedPct": 0.8403361344537815, "rafFps": 59.3551885840836, "p95FrameMs": 16.800000000000182, "maxFrameMs": 33.29999999999973, "longFramesPct": 1.092896174863388, "loafBlockingMs": 0, "taskMs": 2127.635, "scriptMs": 851.8230000000002, "layoutMs": 120.238, "styleMs": 455.077, "layoutCount": 354 } ], "tanstack": [ { "presentedAllPct": 50.27624309392266, "partialPct": 49.447513812154696, "droppedPct": 0.2762430939226519, "rafFps": 60.002594706798135, "p95FrameMs": 16.700000000000728, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1087.7309999999998, "scriptMs": 437.81800000000004, "layoutMs": 93.871, "styleMs": 49.817, "layoutCount": 180 }, { "presentedAllPct": 49.86149584487535, "partialPct": 49.03047091412742, "droppedPct": 1.10803324099723, "rafFps": 59.03606684302213, "p95FrameMs": 16.700000000000728, "maxFrameMs": 66.60000000000036, "longFramesPct": 0.546448087431694, "loafBlockingMs": 0, "taskMs": 1113.4240000000002, "scriptMs": 452.15499999999986, "layoutMs": 93.856, "styleMs": 51.159, "layoutCount": 178 }, { "presentedAllPct": 50.27472527472527, "partialPct": 49.45054945054945, "droppedPct": 0.27472527472527475, "rafFps": 60.001277446552095, "p95FrameMs": 16.783499999999435, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1092.1760000000002, "scriptMs": 438.6570000000001, "layoutMs": 93.08899999999998, "styleMs": 52.08, "layoutCount": 181 }, { "presentedAllPct": 50.27624309392266, "partialPct": 49.447513812154696, "droppedPct": 0.2762430939226519, "rafFps": 60.00193303524805, "p95FrameMs": 16.700000000000728, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1102.56, "scriptMs": 444.29299999999984, "layoutMs": 93.61599999999999, "styleMs": 52.998, "layoutCount": 180 }, { "presentedAllPct": 50.27472527472527, "partialPct": 49.45054945054945, "droppedPct": 0.27472527472527475, "rafFps": 60.001935546307934, "p95FrameMs": 16.700000000000728, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1095.9690000000003, "scriptMs": 444.79199999999986, "layoutMs": 94.365, "styleMs": 49.833000000000006, "layoutCount": 181 }, { "presentedAllPct": 50.13850415512465, "partialPct": 49.307479224376735, "droppedPct": 0.554016620498615, "rafFps": 59.67825635703166, "p95FrameMs": 16.700000000000728, "maxFrameMs": 33.30000000000018, "longFramesPct": 0.5434782608695652, "loafBlockingMs": 0, "taskMs": 1135.6610000000003, "scriptMs": 464.4889999999999, "layoutMs": 119.492, "styleMs": 52.494, "layoutCount": 179 }, { "presentedAllPct": 50.27472527472527, "partialPct": 49.45054945054945, "droppedPct": 0.27472527472527475, "rafFps": 60.0038712174979, "p95FrameMs": 16.700000000000273, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 1118.312, "scriptMs": 459.935, "layoutMs": 94.70600000000002, "styleMs": 52.425000000000004, "layoutCount": 181 } ], "infinite": [ { "presentedAllPct": 63.2768361581921, "partialPct": 36.72316384180791, "droppedPct": 0, "rafFps": 56.45463595792548, "p95FrameMs": 16.800000000000182, "maxFrameMs": 116.69999999999982, "longFramesPct": 2.2857142857142856, "loafBlockingMs": 0, "taskMs": 1968.954, "scriptMs": 874.6639999999999, "layoutMs": 103.912, "styleMs": 260.514, "layoutCount": 170 }, { "presentedAllPct": 63.63636363636363, "partialPct": 36.36363636363637, "droppedPct": 0, "rafFps": 56.434872859366884, "p95FrameMs": 16.800000000000182, "maxFrameMs": 116.59999999999991, "longFramesPct": 2.2988505747126435, "loafBlockingMs": 0, "taskMs": 1982.9889999999998, "scriptMs": 883.9080000000001, "layoutMs": 103.44799999999998, "styleMs": 262.023, "layoutCount": 169 }, { "presentedAllPct": 67.05202312138728, "partialPct": 32.369942196531795, "droppedPct": 0.5780346820809248, "rafFps": 54.48884276076804, "p95FrameMs": 27.52499999999998, "maxFrameMs": 116.59999999999991, "longFramesPct": 5.357142857142857, "loafBlockingMs": 0, "taskMs": 2117.718, "scriptMs": 932.2259999999998, "layoutMs": 110.85000000000001, "styleMs": 279.006, "layoutCount": 159 }, { "presentedAllPct": 69.2982456140351, "partialPct": 30.116959064327485, "droppedPct": 0.5847953216374269, "rafFps": 53.19148936170212, "p95FrameMs": 33.30000000000011, "maxFrameMs": 116.59999999999991, "longFramesPct": 7.926829268292683, "loafBlockingMs": 0, "taskMs": 2114.826, "scriptMs": 951.7919999999999, "layoutMs": 105.984, "styleMs": 275.918, "layoutCount": 153 }, { "presentedAllPct": 65.15580736543909, "partialPct": 34.27762039660057, "droppedPct": 0.56657223796034, "rafFps": 55.18834627478664, "p95FrameMs": 16.800000000000182, "maxFrameMs": 116.59999999999991, "longFramesPct": 4.651162790697675, "loafBlockingMs": 0, "taskMs": 2174.2299999999996, "scriptMs": 955.6310000000001, "layoutMs": 104.927, "styleMs": 291.31600000000003, "layoutCount": 165 }, { "presentedAllPct": 65.15580736543909, "partialPct": 34.844192634560905, "droppedPct": 0, "rafFps": 56.132038038165916, "p95FrameMs": 16.800000000000182, "maxFrameMs": 116.69999999999982, "longFramesPct": 3.4482758620689653, "loafBlockingMs": 0, "taskMs": 2081.457, "scriptMs": 891.26, "layoutMs": 105.524, "styleMs": 261.41700000000003, "layoutCount": 167 }, { "presentedAllPct": 66.189111747851, "partialPct": 33.810888252149, "droppedPct": 0, "rafFps": 55.46185781006747, "p95FrameMs": 16.799999999999727, "maxFrameMs": 116.69999999999982, "longFramesPct": 3.508771929824561, "loafBlockingMs": 0, "taskMs": 2057.252, "scriptMs": 907.6430000000003, "layoutMs": 104.429, "styleMs": 277.60999999999996, "layoutCount": 166 } ] } }, "scroll-horizontal": { "scenario": "scroll-horizontal", "description": "Wheel-scroll right/left over all columns, 4 sweeps at 4000px/s (Input.synthesizeScrollGesture - real input pipeline, same gesture for every grid). Frame outcomes come from Chrome's compositor (PipelineReporter): \"partial\" = frame shown without the main thread's update, \"dropped\" = no new frame. rAF frame intervals and Long Animation Frames come from the page.", "metrics": [ { "key": "presentedAllPct", "label": "Frames fully presented", "unit": "%", "better": "higher" }, { "key": "partialPct", "label": "Frames presented without main-thread update", "unit": "%", "better": "lower" }, { "key": "droppedPct", "label": "Frames dropped", "unit": "%", "better": "lower" }, { "key": "rafFps", "label": "Main thread frame rate (rAF)", "unit": "fps", "better": "higher" }, { "key": "p95FrameMs", "label": "p95 rAF frame interval", "unit": "ms", "better": "lower" }, { "key": "maxFrameMs", "label": "Worst rAF frame interval", "unit": "ms", "better": "lower" }, { "key": "longFramesPct", "label": "rAF intervals > 25ms", "unit": "%", "better": "lower" }, { "key": "loafBlockingMs", "label": "Long animation frames: total blocking", "unit": "ms", "better": "lower" }, { "key": "scriptMs", "label": "Main thread: scripting", "unit": "ms", "better": "lower" }, { "key": "layoutMs", "label": "Main thread: layout", "unit": "ms", "better": "lower" }, { "key": "styleMs", "label": "Main thread: style recalc", "unit": "ms", "better": "lower" }, { "key": "taskMs", "label": "Main thread: all tasks", "unit": "ms", "better": "lower" } ], "samples": { "mui": [ { "presentedAllPct": 65.5367231638418, "partialPct": 32.7683615819209, "droppedPct": 1.694915254237288, "rafFps": 60.00286093640945, "p95FrameMs": 16.700000000000273, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 800.3059999999999, "scriptMs": 396.76899999999995, "layoutMs": 50.567, "styleMs": 24.858999999999998, "layoutCount": 53 }, { "presentedAllPct": 67.2514619883041, "partialPct": 31.57894736842105, "droppedPct": 1.1695906432748537, "rafFps": 60.00193554630795, "p95FrameMs": 16.700000000000273, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 829.2200000000003, "scriptMs": 412.512, "layoutMs": 50.324, "styleMs": 26.199, "layoutCount": 53 }, { "presentedAllPct": 67.2514619883041, "partialPct": 31.57894736842105, "droppedPct": 1.1695906432748537, "rafFps": 60.00094840208766, "p95FrameMs": 16.700000000000728, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 818.0300000000002, "scriptMs": 405.22999999999996, "layoutMs": 49.357, "styleMs": 25.358999999999998, "layoutCount": 52 }, { "presentedAllPct": 66.28571428571428, "partialPct": 32, "droppedPct": 1.7142857142857144, "rafFps": 60.000960015360256, "p95FrameMs": 16.799999999999635, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 802.7180000000001, "scriptMs": 391.39800000000014, "layoutMs": 49.796, "styleMs": 24.547, "layoutCount": 52 }, { "presentedAllPct": 67.2514619883041, "partialPct": 31.57894736842105, "droppedPct": 1.1695906432748537, "rafFps": 60.003840245775734, "p95FrameMs": 16.779999999999927, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 812.6289999999998, "scriptMs": 398.08, "layoutMs": 47.907000000000004, "styleMs": 24.212, "layoutCount": 52 }, { "presentedAllPct": 67.2514619883041, "partialPct": 31.57894736842105, "droppedPct": 1.1695906432748537, "rafFps": 60.000948402087644, "p95FrameMs": 16.700000000000728, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 794.184, "scriptMs": 394.0220000000001, "layoutMs": 47.752, "styleMs": 23.64, "layoutCount": 53 }, { "presentedAllPct": 67.2514619883041, "partialPct": 31.57894736842105, "droppedPct": 1.1695906432748537, "rafFps": 60.00094840208766, "p95FrameMs": 16.78499999999949, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 805.9030000000002, "scriptMs": 397.243, "layoutMs": 49.29, "styleMs": 25.195999999999998, "layoutCount": 53 } ], "ag-grid": [ { "presentedAllPct": 100, "partialPct": 0, "droppedPct": 0, "rafFps": 60.003000150007516, "p95FrameMs": 16.700000000000728, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 642.3239999999998, "scriptMs": 255.62300000000016, "layoutMs": 76.02700000000002, "styleMs": 45.463, "layoutCount": 144 }, { "presentedAllPct": 90.1639344262295, "partialPct": 8.19672131147541, "droppedPct": 1.639344262295082, "rafFps": 60.002926972047426, "p95FrameMs": 16.799999999999272, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 664.9090000000002, "scriptMs": 262.11699999999996, "layoutMs": 78.918, "styleMs": 47.346, "layoutCount": 146 }, { "presentedAllPct": 90.83333333333333, "partialPct": 8.333333333333332, "droppedPct": 0.8333333333333334, "rafFps": 60.00394736711605, "p95FrameMs": 16.799999999999727, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 644.1160000000003, "scriptMs": 253.19700000000012, "layoutMs": 80.541, "styleMs": 45.788999999999994, "layoutCount": 146 }, { "presentedAllPct": 81.15942028985508, "partialPct": 17.391304347826086, "droppedPct": 1.4492753623188406, "rafFps": 60.00292697204741, "p95FrameMs": 16.78999999999983, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 675.6920000000002, "scriptMs": 270.58899999999994, "layoutMs": 78.104, "styleMs": 47.403, "layoutCount": 144 }, { "presentedAllPct": 90.98360655737704, "partialPct": 8.19672131147541, "droppedPct": 0.819672131147541, "rafFps": 60.00292697204741, "p95FrameMs": 16.800000000000182, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 791.3260000000002, "scriptMs": 264.68899999999996, "layoutMs": 78.022, "styleMs": 47.272, "layoutCount": 148 }, { "presentedAllPct": 91.59663865546219, "partialPct": 7.563025210084033, "droppedPct": 0.8403361344537815, "rafFps": 60.00293129074174, "p95FrameMs": 16.794999999999323, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 647.4060000000002, "scriptMs": 258.48400000000015, "layoutMs": 76.83500000000001, "styleMs": 46.394000000000005, "layoutCount": 144 }, { "presentedAllPct": 82.08955223880598, "partialPct": 17.16417910447761, "droppedPct": 0.7462686567164178, "rafFps": 60.003947367116034, "p95FrameMs": 16.799999999999272, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 671.494, "scriptMs": 262.567, "layoutMs": 78.33299999999998, "styleMs": 46.678000000000004, "layoutCount": 142 } ], "tanstack": [ { "presentedAllPct": 80.28169014084507, "partialPct": 19.014084507042252, "droppedPct": 0.7042253521126761, "rafFps": 60.00585422968095, "p95FrameMs": 16.790000000000237, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 471.59700000000004, "scriptMs": 172.78300000000013, "layoutMs": 55.201, "styleMs": 16.162, "layoutCount": 52 }, { "presentedAllPct": 73.71794871794873, "partialPct": 25, "droppedPct": 1.282051282051282, "rafFps": 60.00385186016778, "p95FrameMs": 16.700000000000728, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 484.642, "scriptMs": 179.24000000000007, "layoutMs": 57.534, "styleMs": 15.697000000000003, "layoutCount": 52 }, { "presentedAllPct": 80.28169014084507, "partialPct": 19.014084507042252, "droppedPct": 0.7042253521126761, "rafFps": 60.00292697204741, "p95FrameMs": 16.700000000000728, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 459.33000000000004, "scriptMs": 166.9980000000002, "layoutMs": 53.216, "styleMs": 15.028, "layoutCount": 52 }, { "presentedAllPct": 79.5774647887324, "partialPct": 19.014084507042252, "droppedPct": 1.4084507042253522, "rafFps": 60.00485893004019, "p95FrameMs": 16.799999999999727, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 467.514, "scriptMs": 170.5429999999999, "layoutMs": 54.83400000000001, "styleMs": 15.845999999999998, "layoutCount": 52 }, { "presentedAllPct": 80.28169014084507, "partialPct": 19.014084507042252, "droppedPct": 0.7042253521126761, "rafFps": 60.002926972047426, "p95FrameMs": 16.700000000000728, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 477.741, "scriptMs": 181.00099999999998, "layoutMs": 55.831, "styleMs": 15.707000000000003, "layoutCount": 52 }, { "presentedAllPct": 70.37037037037037, "partialPct": 27.77777777777778, "droppedPct": 1.8518518518518516, "rafFps": 60.00483909992741, "p95FrameMs": 16.700000000000728, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 495.24300000000034, "scriptMs": 178.25599999999997, "layoutMs": 54.504000000000005, "styleMs": 15.895, "layoutCount": 52 }, { "presentedAllPct": 80.28169014084507, "partialPct": 19.014084507042252, "droppedPct": 0.7042253521126761, "rafFps": 60.00292697204741, "p95FrameMs": 16.78999999999942, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 469.90299999999996, "scriptMs": 176.09300000000005, "layoutMs": 53.488, "styleMs": 15.424, "layoutCount": 52 } ], "infinite": [ { "presentedAllPct": 88.0503144654088, "partialPct": 10.69182389937107, "droppedPct": 1.257861635220126, "rafFps": 60.0029269720474, "p95FrameMs": 16.700000000000728, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 574.945, "scriptMs": 183.09200000000004, "layoutMs": 13.192, "styleMs": 58.958999999999996, "layoutCount": 36 }, { "presentedAllPct": 95.1048951048951, "partialPct": 4.895104895104895, "droppedPct": 0, "rafFps": 60.0030001500075, "p95FrameMs": 16.700000000000728, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 555.8360000000002, "scriptMs": 172.34700000000004, "layoutMs": 12.386000000000001, "styleMs": 55.471999999999994, "layoutCount": 36 }, { "presentedAllPct": 88.1578947368421, "partialPct": 11.842105263157894, "droppedPct": 0, "rafFps": 60.0049804133743, "p95FrameMs": 16.799999999999272, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 570.0829999999999, "scriptMs": 185.4879999999999, "layoutMs": 12.864999999999998, "styleMs": 57.432, "layoutCount": 36 }, { "presentedAllPct": 85.09316770186336, "partialPct": 14.906832298136646, "droppedPct": 0, "rafFps": 60.001983536645824, "p95FrameMs": 16.700000000000728, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 587.8780000000002, "scriptMs": 181.89499999999992, "layoutMs": 14.910999999999998, "styleMs": 60.044, "layoutCount": 36 }, { "presentedAllPct": 95.74468085106383, "partialPct": 4.25531914893617, "droppedPct": 0, "rafFps": 60.00100842030958, "p95FrameMs": 16.710000000000626, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 550.311, "scriptMs": 175.6850000000001, "layoutMs": 12.421999999999999, "styleMs": 54.039, "layoutCount": 36 }, { "presentedAllPct": 95.8041958041958, "partialPct": 4.195804195804196, "droppedPct": 0, "rafFps": 60.0030001500075, "p95FrameMs": 16.700000000000273, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 545.877, "scriptMs": 171.19300000000015, "layoutMs": 12.815999999999999, "styleMs": 55.31599999999999, "layoutCount": 36 }, { "presentedAllPct": 87.82051282051282, "partialPct": 12.179487179487179, "droppedPct": 0, "rafFps": 60.00394736711605, "p95FrameMs": 16.799999999999727, "maxFrameMs": 16.800000000000182, "longFramesPct": 0, "loafBlockingMs": 0, "taskMs": 593.6729999999999, "scriptMs": 192.68200000000002, "layoutMs": 13.687000000000001, "styleMs": 65.537, "layoutCount": 36 } ] } }, "correctness-vertical": { "scenario": "correctness-vertical", "description": "Same kind of vertical wheel gesture, faster (20000px/s). After every painted frame, samples points across the body and checks the cell there is the one that should be there for the current scroll position: \"blank\" = no cell, \"wrong\" = a cell for another row/column (stale content, or position lagging behind the scroll). This is the main thread's view of the frame; it reads layout, so it is never combined with the timing passes.", "metrics": [ { "key": "blankPct", "label": "Blank samples", "unit": "%", "better": "lower" }, { "key": "wrongPct", "label": "Wrong/stale samples", "unit": "%", "better": "lower" }, { "key": "badFramesPct", "label": "Frames with any blank/wrong sample", "unit": "%", "better": "lower" }, { "key": "worstFrameOkPct", "label": "Worst frame: correct samples", "unit": "%", "better": "higher" } ], "samples": { "mui": [ { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 76 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 77 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 75 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 76 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 74 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 76 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 78 } ], "ag-grid": [ { "blankPct": 2, "wrongPct": 0, "badFramesPct": 10, "worstFrameOkPct": 80, "frames": 60 }, { "blankPct": 2.7586206896551726, "wrongPct": 0, "badFramesPct": 13.793103448275861, "worstFrameOkPct": 80, "frames": 58 }, { "blankPct": 1.7241379310344827, "wrongPct": 0, "badFramesPct": 8.620689655172415, "worstFrameOkPct": 80, "frames": 58 }, { "blankPct": 1.7241379310344827, "wrongPct": 0, "badFramesPct": 8.620689655172415, "worstFrameOkPct": 80, "frames": 58 }, { "blankPct": 2.711864406779661, "wrongPct": 0, "badFramesPct": 13.559322033898304, "worstFrameOkPct": 80, "frames": 59 }, { "blankPct": 3.793103448275862, "wrongPct": 0, "badFramesPct": 18.96551724137931, "worstFrameOkPct": 80, "frames": 58 }, { "blankPct": 3.1578947368421053, "wrongPct": 0, "badFramesPct": 15.789473684210526, "worstFrameOkPct": 80, "frames": 57 } ], "tanstack": [ { "blankPct": 3.2911392405063293, "wrongPct": 0, "badFramesPct": 16.455696202531644, "worstFrameOkPct": 80, "frames": 79 }, { "blankPct": 2.8205128205128207, "wrongPct": 0, "badFramesPct": 14.102564102564102, "worstFrameOkPct": 80, "frames": 78 }, { "blankPct": 2.307692307692308, "wrongPct": 0, "badFramesPct": 11.538461538461538, "worstFrameOkPct": 80, "frames": 78 }, { "blankPct": 1.2658227848101267, "wrongPct": 0, "badFramesPct": 6.329113924050633, "worstFrameOkPct": 80, "frames": 79 }, { "blankPct": 3.076923076923077, "wrongPct": 0, "badFramesPct": 15.384615384615385, "worstFrameOkPct": 80, "frames": 78 }, { "blankPct": 2.051282051282051, "wrongPct": 0, "badFramesPct": 10.256410256410255, "worstFrameOkPct": 80, "frames": 78 }, { "blankPct": 2.051282051282051, "wrongPct": 0, "badFramesPct": 10.256410256410255, "worstFrameOkPct": 80, "frames": 78 } ], "infinite": [ { "blankPct": 0, "wrongPct": 76.95906432748538, "badFramesPct": 80.55555555555556, "worstFrameOkPct": 0, "frames": 36 }, { "blankPct": 0, "wrongPct": 76.9298245614035, "badFramesPct": 80.55555555555556, "worstFrameOkPct": 0, "frames": 36 }, { "blankPct": 0, "wrongPct": 76.11111111111111, "badFramesPct": 83.33333333333334, "worstFrameOkPct": 0, "frames": 36 }, { "blankPct": 0, "wrongPct": 77.07602339181287, "badFramesPct": 80.55555555555556, "worstFrameOkPct": 0, "frames": 36 }, { "blankPct": 0, "wrongPct": 73.9766081871345, "badFramesPct": 77.77777777777779, "worstFrameOkPct": 0, "frames": 36 }, { "blankPct": 0, "wrongPct": 75.90643274853801, "badFramesPct": 80.55555555555556, "worstFrameOkPct": 0, "frames": 36 }, { "blankPct": 0, "wrongPct": 76.16959064327486, "badFramesPct": 80.55555555555556, "worstFrameOkPct": 0, "frames": 36 } ] } }, "correctness-horizontal": { "scenario": "correctness-horizontal", "description": "Same kind of horizontal wheel gesture. After every painted frame, samples points across the body and checks the cell there is the one that should be there for the current scroll position: \"blank\" = no cell, \"wrong\" = a cell for another row/column (stale content, or position lagging behind the scroll). This is the main thread's view of the frame; it reads layout, so it is never combined with the timing passes.", "metrics": [ { "key": "blankPct", "label": "Blank samples", "unit": "%", "better": "lower" }, { "key": "wrongPct", "label": "Wrong/stale samples", "unit": "%", "better": "lower" }, { "key": "badFramesPct", "label": "Frames with any blank/wrong sample", "unit": "%", "better": "lower" }, { "key": "worstFrameOkPct", "label": "Worst frame: correct samples", "unit": "%", "better": "higher" } ], "samples": { "mui": [ { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 125 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 125 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 125 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 126 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 126 } ], "ag-grid": [ { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 123 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 122 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 123 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 122 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 125 } ], "tanstack": [ { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 124 } ], "infinite": [ { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 122 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 121 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 121 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 122 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 121 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 121 }, { "blankPct": 0, "wrongPct": 0, "badFramesPct": 0, "worstFrameOkPct": 100, "frames": 121 } ] } }, "visual-blank-vertical": { "scenario": "visual-blank-vertical", "description": "Fast vertical wheel gesture (20000px/s) while recording what the compositor actually displays (CDP screencast). Each frame is checked for blank areas: vertical runs of the body with no text where rows should be. Unlike the correctness probe, this also catches the compositor scrolling ahead of the main thread. Screencast capture skips frames under load and adds overhead - compare the grids, not absolute numbers.", "metrics": [ { "key": "blankFramesPct", "label": "Captured frames with blank rows", "unit": "%", "better": "lower" }, { "key": "blankAreaPct", "label": "Blank body area (avg over frames)", "unit": "%", "better": "lower" }, { "key": "maxBlankRows", "label": "Worst frame: blank rows", "unit": "rows", "better": "lower" }, { "key": "capturedFrames", "label": "Captured frames", "unit": "", "better": "higher" } ], "samples": { "mui": [ { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 62 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 63 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 62 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 64 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 62 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 63 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 64 } ], "ag-grid": [ { "blankFramesPct": 51.28205128205128, "blankAreaPct": 20.485137894044776, "maxBlankRows": 18, "capturedFrames": 39 }, { "blankFramesPct": 56.41025641025641, "blankAreaPct": 18.408941485864563, "maxBlankRows": 18, "capturedFrames": 39 }, { "blankFramesPct": 51.35135135135135, "blankAreaPct": 20.571178465915306, "maxBlankRows": 18, "capturedFrames": 37 }, { "blankFramesPct": 55.26315789473685, "blankAreaPct": 21.166276013921443, "maxBlankRows": 18, "capturedFrames": 38 }, { "blankFramesPct": 60.526315789473685, "blankAreaPct": 22.870942538532564, "maxBlankRows": 18, "capturedFrames": 38 }, { "blankFramesPct": 52.77777777777778, "blankAreaPct": 23.241865347128503, "maxBlankRows": 18, "capturedFrames": 36 }, { "blankFramesPct": 47.368421052631575, "blankAreaPct": 18.751331770722352, "maxBlankRows": 18, "capturedFrames": 38 } ], "tanstack": [ { "blankFramesPct": 10, "blankAreaPct": 2.6954177897574128, "maxBlankRows": 9, "capturedFrames": 60 }, { "blankFramesPct": 11.475409836065573, "blankAreaPct": 3.358225442976448, "maxBlankRows": 10, "capturedFrames": 61 }, { "blankFramesPct": 9.523809523809524, "blankAreaPct": 2.9093398365635563, "maxBlankRows": 12, "capturedFrames": 63 }, { "blankFramesPct": 8.064516129032258, "blankAreaPct": 2.521519867837579, "maxBlankRows": 14, "capturedFrames": 62 }, { "blankFramesPct": 3.3333333333333335, "blankAreaPct": 0.9883198562443846, "maxBlankRows": 9, "capturedFrames": 60 }, { "blankFramesPct": 9.836065573770492, "blankAreaPct": 1.767487075250762, "maxBlankRows": 11, "capturedFrames": 61 }, { "blankFramesPct": 8.064516129032258, "blankAreaPct": 3.1301625945569946, "maxBlankRows": 12, "capturedFrames": 62 } ], "infinite": [ { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 65 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 67 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 71 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 66 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 65 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 68 }, { "blankFramesPct": 0, "blankAreaPct": 0, "maxBlankRows": 0, "capturedFrames": 64 } ] } } } } } }