Skip to content

Instantly share code, notes, and snippets.

@nolanlawson
Last active June 24, 2022 02:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nolanlawson/62b3861886179caeb8f00b6819a0daa3 to your computer and use it in GitHub Desktop.
Save nolanlawson/62b3861886179caeb8f00b6819a0daa3 to your computer and use it in GitHub Desktop.
Raw numbers from shadow DOM selector benchmark
{
"benchmarks": [
{
"name": "Scoping - classes",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "chrome",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 276.3339429798183,
"high": 278.6660570201817
},
"differences": [
null,
{
"absolute": {
"low": -143.85096796721558,
"high": -140.17303202896977
},
"percentChange": {
"low": -34.20883320281264,
"high": -33.494593635389045
}
},
{
"absolute": {
"low": 217.55943237864378,
"high": 221.85656762517092
},
"percentChange": {
"low": 365.04126219624754,
"high": 395.29926939690904
}
},
{
"absolute": {
"low": -549.3480546523591,
"high": -541.4999453400115
},
"percentChange": {
"low": -66.48770883963988,
"high": -66.06985419138454
}
},
{
"absolute": {
"low": 232.02376338256556,
"high": 234.3922366260175
},
"percentChange": {
"low": 522.5894882194868,
"high": 530.458466385803
}
},
{
"absolute": {
"low": 231.5688740128075,
"high": 233.9751260024513
},
"percentChange": {
"low": 515.5491213903549,
"high": 525.2843612036984
}
},
{
"absolute": {
"low": 23.528746020784027,
"high": 27.383253982076994
},
"percentChange": {
"low": 9.285366408380826,
"high": 10.914281273432659
}
}
],
"samples": [
276.89999997615814,
276.39999997615814,
275.69999998807907,
290.4000000357628,
277.5,
277.69999998807907,
276.4000000357628,
275.30000001192093,
276.0999999642372,
277.10000002384186,
277.5,
277.5,
277.7000000476837,
277.2999999523163,
277.10000002384186,
275.69999998807907,
279,
276.5999999642372,
276.10000002384186,
277.5,
277.5999999642372,
277.80000001192093,
275.69999998807907,
277.80000001192093,
277.10000002384186
]
},
{
"name": "Scoping - attributes",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "chrome",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 418.0899893732572,
"high": 420.93401062292816
},
"differences": [
{
"absolute": {
"low": 140.17303202896977,
"high": 143.85096796721558
},
"percentChange": {
"low": 50.35933285410844,
"high": 51.99165813550791
}
},
null,
{
"absolute": {
"low": 359.42244302038745,
"high": 364.0175569796126
},
"percentChange": {
"low": 603.0995828755589,
"high": 648.6999741978703
}
},
{
"absolute": {
"low": -407.41957160537174,
"high": -399.40442839081356
},
"percentChange": {
"low": -49.31114697284253,
"high": -48.732414765534934
}
},
{
"absolute": {
"low": 373.78304432489557,
"high": 376.65695567987285
},
"percentChange": {
"low": 841.6875621386708,
"high": 852.6138920234353
}
},
{
"absolute": {
"low": 373.33143764828395,
"high": 376.2365623631602
},
"percentChange": {
"low": 830.9377745146871,
"high": 844.8983910623572
}
},
{
"absolute": {
"low": 165.37593567241763,
"high": 169.56006432662875
},
"percentChange": {
"low": 65.2841461682927,
"high": 67.60376229251072
}
}
],
"samples": [
419.19999998807907,
421.4000000357628,
418.39999997615814,
417.5,
416.69999998807907,
419.60000002384186,
419.80000001192093,
432.10000002384186,
424.5,
417.5,
418.10000002384186,
420.30000001192093,
417.5999999642372,
417.60000002384186,
418.89999997615814,
416,
419,
418.7999999523163,
417.39999997615814,
417.19999998807907,
419.19999998807907,
417.80000001192093,
420.30000001192093,
417.19999998807907,
425.69999998807907
]
},
{
"name": "Shadow DOM",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "chrome",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 55.98737985595154,
"high": 59.59662014023376
},
"differences": [
{
"absolute": {
"low": -221.85656762517092,
"high": -217.55943237864378
},
"percentChange": {
"low": -79.83022923598342,
"high": -78.51787887349934
}
},
{
"absolute": {
"low": -364.0175569796126,
"high": -359.42244302038745
},
"percentChange": {
"low": -86.6566919499343,
"high": -85.79129523596009
}
},
null,
{
"absolute": {
"low": -769.290746182671,
"high": -760.9732538135142
},
"percentChange": {
"low": -93.19884976852985,
"high": -92.75562476414616
}
},
{
"absolute": {
"low": 11.683580100670017,
"high": 15.31641990409835
},
"percentChange": {
"low": 26.359921668331282,
"high": 34.599168025935064
}
},
{
"absolute": {
"low": 11.23520886332154,
"high": 14.892791148122546
},
"percentChange": {
"low": 25.083178927238244,
"high": 33.3321314284692
}
},
{
"absolute": {
"low": -196.62081252767777,
"high": -191.8831874732759
},
"percentChange": {
"low": -77.80014589558387,
"high": -76.34119450655174
}
}
],
"samples": [
59.5,
55.09999996423721,
55.5,
60.200000047683716,
54.39999997615814,
55.69999998807907,
56.19999998807907,
54.89999997615814,
57.39999997615814,
58.10000002384186,
57.40000003576279,
54.30000001192093,
67.30000001192093,
57.09999996423721,
54.90000003576279,
57,
56.10000002384186,
57.39999997615814,
55,
54.19999998807907,
56.80000001192093,
72.39999997615814,
55.19999998807907,
65.09999996423721,
57.60000002384186
]
},
{
"name": "Unscoped",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "chrome",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 819.1771992314897,
"high": 826.670800760881
},
"differences": [
{
"absolute": {
"low": 541.4999453400115,
"high": 549.3480546523591
},
"percentChange": {
"low": 194.71185259816127,
"high": 198.38652577746782
}
},
{
"absolute": {
"low": 399.40442839081356,
"high": 407.41957160537174
},
"percentChange": {
"low": 95.04873798772807,
"high": 97.27567704684866
}
},
{
"absolute": {
"low": 760.9732538135142,
"high": 769.290746182671
},
"percentChange": {
"low": 1279.0067004486848,
"high": 1368.8753594327688
}
},
null,
{
"absolute": {
"low": 774.8795017163671,
"high": 782.3844982845866
},
"percentChange": {
"low": 1745.8379836645922,
"high": 1770.0655658518895
}
},
{
"absolute": {
"low": 774.4374977548563,
"high": 781.9545022527731
},
"percentChange": {
"low": 1725.0499750587887,
"high": 1754.631656744797
}
},
{
"absolute": {
"low": 566.8311563476428,
"high": 574.9288436475889
},
"percentChange": {
"low": 224.01797252588653,
"high": 228.9822972689556
}
}
],
"samples": [
815.9000000357628,
818.3999999761581,
851.5,
814.1999999880791,
821,
816.9000000357628,
815.5,
815.7999999523163,
829.6999999880791,
815.5,
844.1000000238419,
816.3999999761581,
824.8000000119209,
823.5,
822.6999999880791,
819.6000000238419,
819.1999999880791,
822.6999999880791,
813,
828.8000000119209,
824.3000000119209,
829,
820.3999999761581,
819.5999999642372,
830.5999999642372
]
},
{
"name": "Scoping - classes - concatenated",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "chrome",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 44.0852939195474,
"high": 44.498706071869535
},
"differences": [
{
"absolute": {
"low": -234.3922366260175,
"high": -232.02376338256556
},
"percentChange": {
"low": -84.13915243352776,
"high": -83.93868540740309
}
},
{
"absolute": {
"low": -376.65695567987285,
"high": -373.78304432489557
},
"percentChange": {
"low": -89.50291677924746,
"high": -89.38111991295213
}
},
{
"absolute": {
"low": -15.31641990409835,
"high": -11.683580100670017
},
"percentChange": {
"low": -25.77939641472132,
"high": -20.93987269806154
}
},
{
"absolute": {
"low": -782.3844982845866,
"high": -774.8795017163671
},
"percentChange": {
"low": -94.65282122594012,
"high": -94.58263672742768
}
},
null,
{
"absolute": {
"low": -0.7973178443019194,
"high": -0.07468214902236092
},
"percentChange": {
"low": -1.7773035060135258,
"high": -0.1722582751370291
}
},
{
"absolute": {
"low": -209.30033663729313,
"high": -206.20366336842892
},
"percentChange": {
"low": -82.56168240574269,
"high": -82.29207329091356
}
}
],
"samples": [
43.80000001192093,
44.89999997615814,
44.19999998807907,
44.39999997615814,
45.19999998807907,
44.30000001192093,
44.5,
44.60000002384186,
44.299999952316284,
44.09999996423721,
44,
44.69999998807907,
44.60000002384186,
45.10000002384186,
43.40000003576279,
44,
45.09999996423721,
43.89999997615814,
44.60000002384186,
44.39999997615814,
44,
44.30000001192093,
44,
43.39999997615814,
43.5
]
},
{
"name": "Scoping - attributes - concatenated",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "chrome",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 44.431650224189255,
"high": 45.02434976055196
},
"differences": [
{
"absolute": {
"low": -233.9751260024513,
"high": -231.5688740128075
},
"percentChange": {
"low": -84.008260775068,
"high": -83.75534283403428
}
},
{
"absolute": {
"low": -376.2365623631602,
"high": -373.33143764828395
},
"percentChange": {
"low": -89.41743767387183,
"high": -89.25873845812251
}
},
{
"absolute": {
"low": -14.892791148122546,
"high": -11.23520886332154
},
"percentChange": {
"low": -25.075747313157738,
"high": -20.134662453430042
}
},
{
"absolute": {
"low": -781.9545022527731,
"high": -774.4374977548563
},
"percentChange": {
"low": -94.60844223330321,
"high": -94.52105210819661
}
},
{
"absolute": {
"low": 0.07468214902236092,
"high": 0.7973178443019194
},
"percentChange": {
"low": 0.1659763374975075,
"high": 1.80277646980126
}
},
null,
{
"absolute": {
"low": -208.87883144839086,
"high": -205.75316856400693
},
"percentChange": {
"low": -82.41357154417773,
"high": -82.09421281678745
}
}
],
"samples": [
44,
44.30000001192093,
44.5,
44.5,
44,
44.09999996423721,
44.19999998807907,
44.19999998807907,
46.19999998807907,
45.80000001192093,
45,
44.30000001192093,
44.5,
44.80000001192093,
46.69999998807907,
44.59999996423721,
45.5,
44.39999997615814,
44.10000002384186,
44.59999996423721,
44.89999997615814,
44.09999996423721,
44.5,
44.69999998807907,
45.69999998807907
]
},
{
"name": "Unscoped - concatenated",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "chrome",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 250.50952323706326,
"high": 253.57847676007572
},
"differences": [
{
"absolute": {
"low": -27.383253982076994,
"high": -23.528746020784027
},
"percentChange": {
"low": -9.845218638994217,
"high": -8.501448028703447
}
},
{
"absolute": {
"low": -169.56006432662875,
"high": -165.37593567241763
},
"percentChange": {
"low": -40.338365256707995,
"high": -39.50106722688464
}
},
{
"absolute": {
"low": 191.8831874732759,
"high": 196.62081252767777
},
"percentChange": {
"low": 322.24780289140267,
"high": 349.99749059865775
}
},
{
"absolute": {
"low": -574.9288436475889,
"high": -566.8311563476428
},
"percentChange": {
"low": -69.60498443680414,
"high": -69.13929814585529
}
},
{
"absolute": {
"low": 206.20366336842892,
"high": 209.30033663729313
},
"percentChange": {
"low": 464.68561858961993,
"high": 473.4160703067518
}
},
{
"absolute": {
"low": 205.75316856400693,
"high": 208.87883144839086
},
"percentChange": {
"low": 458.43344159118766,
"high": 468.5742495265079
}
},
null
],
"samples": [
250.5,
251.30000001192093,
254.70000004768372,
248.5999999642372,
248.9000000357628,
249.29999995231628,
256.7999999523163,
251.5,
250.69999998807907,
248.19999998807907,
252.30000001192093,
259.39999997615814,
252.80000001192093,
258.19999998807907,
248.39999997615814,
256.80000001192093,
249.19999998807907,
260.69999998807907,
252.10000002384186,
250.19999998807907,
249.19999998807907,
252.60000002384186,
249.80000001192093,
247.10000002384186,
251.80000001192093
]
}
]
}
{
"benchmarks": [
{
"name": "Scoping - classes",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "firefox",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 44.79002510391333,
"high": 45.92997489608667
},
"differences": [
null,
{
"absolute": {
"low": -9.788254347432558,
"high": -8.211745652567442
},
"percentChange": {
"low": -17.89717501118215,
"high": -15.215407770274808
}
},
{
"absolute": {
"low": -32.07319363186161,
"high": -20.166806368138392
},
"percentChange": {
"low": -41.86260763358615,
"high": -31.220772332838028
}
},
{
"absolute": {
"low": -146.52600955519532,
"high": -139.15399044480463
},
"percentChange": {
"low": -76.4540627608702,
"high": -75.34189898195656
}
},
{
"absolute": {
"low": 2.3706656049988486,
"high": 3.9493343950011446
},
"percentChange": {
"low": 5.549397054719388,
"high": 9.42690626281614
}
},
{
"absolute": {
"low": -7.391860182333284,
"high": -5.568139817666724
},
"percentChange": {
"low": -14.128560021440617,
"high": -10.871439978559394
}
},
{
"absolute": {
"low": -129.36480793709845,
"high": -120.63519206290157
},
"percentChange": {
"low": -74.12860413204615,
"high": -72.61945879352324
}
}
],
"samples": [
46,
45,
44,
45,
45,
45,
46,
45,
45,
45,
44,
44,
46,
46,
44,
47,
43,
48,
46,
48,
46,
43,
47,
44,
47
]
},
{
"name": "Scoping - attributes",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "firefox",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 53.81550616708973,
"high": 54.90449383291027
},
"differences": [
{
"absolute": {
"low": 8.211745652567442,
"high": 9.788254347432558
},
"percentChange": {
"low": 17.915502177502887,
"high": 21.767037505036793
}
},
null,
{
"absolute": {
"low": -23.070808060284417,
"high": -11.169191939715592
},
"percentChange": {
"low": -30.301252080519724,
"high": -17.600258831623545
}
},
{
"absolute": {
"low": -137.5221554275858,
"high": -130.15784457241415
},
"percentChange": {
"low": -71.74518606095374,
"high": -70.48648237687834
}
},
{
"absolute": {
"low": 11.388863864781232,
"high": 12.931136135218761
},
"percentChange": {
"low": 26.70729349360122,
"high": 30.923038259953266
}
},
{
"absolute": {
"low": 1.6238464729561164,
"high": 3.4161535270438756
},
"percentChange": {
"low": 3.078947152053109,
"high": 6.643275070169096
}
},
{
"absolute": {
"low": -120.36155367726525,
"high": -111.63844632273478
},
"percentChange": {
"low": -68.96238086762054,
"high": -67.21982152730786
}
}
],
"samples": [
56,
52,
54,
54,
53,
55,
54,
57,
54,
54,
52,
54,
54,
55,
55,
56,
54,
53,
56,
56,
54,
53,
56,
55,
53
]
},
{
"name": "Shadow DOM",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "firefox",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 65.55415465639976,
"high": 77.40584534360025
},
"differences": [
{
"absolute": {
"low": 20.166806368138392,
"high": 32.07319363186161
},
"percentChange": {
"low": 44.370527859228964,
"high": 70.79702064165289
}
},
{
"absolute": {
"low": 11.169191939715592,
"high": 23.070808060284417
},
"percentChange": {
"low": 20.51335248176945,
"high": 42.474138320290905
}
},
null,
{
"absolute": {
"low": -123.67538914045008,
"high": -109.76461085954989
},
"percentChange": {
"low": -65.25245629134311,
"high": -58.78580088187686
}
},
{
"absolute": {
"low": 23.329048778453025,
"high": 35.230951221546974
},
"percentChange": {
"low": 55.17157679924839,
"high": 83.59619571259994
}
},
{
"absolute": {
"low": 13.671561289061897,
"high": 25.608438710938103
},
"percentChange": {
"low": 26.299060191353764,
"high": 49.47254474691783
}
},
{
"absolute": {
"low": -106.21773261858576,
"high": -91.54226738141426
},
"percentChange": {
"low": -61.6798417791792,
"high": -54.4037459174632
}
}
],
"samples": [
64,
53,
84,
60,
77,
60,
61,
73,
56,
64,
88,
95,
72,
89,
87,
61,
78,
88,
65,
58,
53,
51,
85,
67,
98
]
},
{
"name": "Unscoped",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "firefox",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 184.55832523983503,
"high": 191.84167476016495
},
"differences": [
{
"absolute": {
"low": 139.15399044480463,
"high": 146.52600955519532
},
"percentChange": {
"low": 305.33035446861885,
"high": 324.47564200404423
}
},
{
"absolute": {
"low": 130.15784457241415,
"high": 137.5221554275858
},
"percentChange": {
"low": 238.66693227068524,
"high": 253.7539654482256
}
},
{
"absolute": {
"low": 109.76461085954989,
"high": 123.67538914045008
},
"percentChange": {
"low": 140.87640475220059,
"high": 185.7044570273181
}
},
null,
{
"absolute": {
"low": 142.31761321100225,
"high": 149.68238678899775
},
"percentChange": {
"low": 335.5902898729669,
"high": 356.3528380891184
}
},
{
"absolute": {
"low": 132.64941882331374,
"high": 140.07058117668623
},
"percentChange": {
"low": 254.42650108866297,
"high": 271.65374582491717
}
},
{
"absolute": {
"low": 12.184164782774232,
"high": 23.495835217225718
},
"percentChange": {
"low": 6.944322224006933,
"high": 13.999561316730299
}
}
],
"samples": [
188,
191,
195,
192,
197,
191,
190,
178,
207,
191,
190,
182,
181,
191,
178,
184,
194,
180,
179,
189,
176,
201,
180,
205,
175
]
},
{
"name": "Scoping - classes - concatenated",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "firefox",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 41.65394377124438,
"high": 42.74605622875563
},
"differences": [
{
"absolute": {
"low": -3.9493343950011446,
"high": -2.3706656049988486
},
"percentChange": {
"low": -8.64452776235807,
"high": -5.2884528372891815
}
},
{
"absolute": {
"low": -12.931136135218761,
"high": -11.388863864781232
},
"percentChange": {
"low": -23.639701019873225,
"high": -21.099077493739713
}
},
{
"absolute": {
"low": -35.230951221546974,
"high": -23.329048778453025
},
"percentChange": {
"low": -45.916101688535385,
"high": -36.008912301391874
}
},
{
"absolute": {
"low": -149.68238678899775,
"high": -142.31761321100225
},
"percentChange": {
"low": -78.09900461395067,
"high": -77.05508677818537
}
},
null,
{
"absolute": {
"low": -10.53710368125356,
"high": -8.74289631874644
},
"percentChange": {
"low": -20.131511889188968,
"high": -17.059846135502386
}
},
{
"absolute": {
"low": -132.52174900132408,
"high": -123.79825099867597
},
"percentChange": {
"low": -75.9350905255692,
"high": -74.52276343075862
}
}
],
"samples": [
44,
41,
42,
45,
41,
44,
43,
41,
43,
43,
42,
41,
41,
40,
42,
44,
42,
43,
42,
42,
41,
42,
44,
42,
40
]
},
{
"name": "Scoping - attributes - concatenated",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "firefox",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 51.12822924339654,
"high": 52.55177075660347
},
"differences": [
{
"absolute": {
"low": 5.568139817666724,
"high": 7.391860182333284
},
"percentChange": {
"low": 12.158615482200029,
"high": 16.412813089228564
}
},
{
"absolute": {
"low": -3.4161535270438756,
"high": -1.6238464729561164
},
"percentChange": {
"low": -6.256521725144791,
"high": -3.0150014536631407
}
},
{
"absolute": {
"low": -25.608438710938103,
"high": -13.671561289061897
},
"percentChange": {
"low": -33.5704948966559,
"high": -21.38193935068601
}
},
{
"absolute": {
"low": -140.07058117668623,
"high": -132.64941882331374
},
"percentChange": {
"low": -73.10838190531312,
"high": -71.80128865791748
}
},
{
"absolute": {
"low": 8.74289631874644,
"high": 10.53710368125356
},
"percentChange": {
"low": 20.525945532874807,
"high": 25.161258258594387
}
},
null,
{
"absolute": {
"low": -122.90557801840812,
"high": -114.1344219815919
},
"percentChange": {
"low": -70.44897730460762,
"high": -68.69166603890024
}
}
],
"samples": [
51,
50,
58,
53,
51,
52,
51,
52,
50,
51,
51,
52,
52,
51,
52,
52,
51,
56,
51,
52,
51,
52,
52,
51,
51
]
},
{
"name": "Unscoped - concatenated",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "firefox",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 166.03256693343636,
"high": 174.68743306656367
},
"differences": [
{
"absolute": {
"low": 120.63519206290157,
"high": 129.36480793709845
},
"percentChange": {
"low": 264.9295506470519,
"high": 286.216833832666
}
},
{
"absolute": {
"low": 111.63844632273478,
"high": 120.36155367726525
},
"percentChange": {
"low": 204.83495552197502,
"high": 221.94944477235907
}
},
{
"absolute": {
"low": 91.54226738141426,
"high": 106.21773261858576
},
"percentChange": {
"low": 117.66743959131696,
"high": 158.99736175171606
}
},
{
"absolute": {
"low": -23.495835217225718,
"high": -12.184164782774232
},
"percentChange": {
"low": -12.369809253440224,
"high": -6.588745475571442
}
},
{
"absolute": {
"low": 123.79825099867597,
"high": 132.52174900132408
},
"percentChange": {
"low": 292.1882637086931,
"high": 315.2051012202169
}
},
{
"absolute": {
"low": 114.1344219815919,
"high": 122.90557801840812
},
"percentChange": {
"low": 219.13746612592436,
"high": 238.11562029382873
}
},
null
],
"samples": [
169,
160,
180,
177,
154,
170,
165,
185,
163,
171,
188,
164,
183,
160,
168,
167,
175,
162,
166,
191,
155,
164,
189,
166,
167
]
}
]
}
{
"benchmarks": [
{
"name": "Scoping - classes",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "safari",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 80.0366043081484,
"high": 83.5633956918516
},
"differences": [
null,
{
"absolute": {
"low": -725.7421400945609,
"high": -716.6578599054392
},
"percentChange": {
"low": -90.03913048592014,
"high": -89.58727051034387
}
},
{
"absolute": {
"low": -2.267764440377152,
"high": 1.387764440377157
},
"percentChange": {
"low": -2.7566749555803653,
"high": 1.6866360450745348
}
},
{
"absolute": {
"low": -791.6300978485538,
"high": -771.4099021514464
},
"percentChange": {
"low": -90.75659346066335,
"high": -90.2933069238986
}
},
{
"absolute": {
"low": -2.474685937172472,
"high": 2.7946859371724653
},
"percentChange": {
"low": -3.0347104882438733,
"high": 3.4266752114187797
}
},
{
"absolute": {
"low": -725.0848220138344,
"high": -715.4751779861658
},
"percentChange": {
"low": -90.02859525589417,
"high": -89.57443686060296
}
},
{
"absolute": {
"low": -805.2094347095947,
"high": -783.2705652904053
},
"percentChange": {
"low": -90.89455141751866,
"high": -90.4305022329996
}
}
],
"samples": [
80,
80,
79,
81.00000000000006,
86,
84,
95,
78,
79,
81,
80,
82,
80,
82,
81,
80,
81,
85,
80,
80,
79,
79,
79,
94,
80
]
},
{
"name": "Scoping - attributes",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "safari",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 798.8141342266412,
"high": 807.1858657733588
},
"differences": [
{
"absolute": {
"low": 716.6578599054392,
"high": 725.7421400945609
},
"percentChange": {
"low": 859.8905898614189,
"high": 903.4345935126643
}
},
null,
{
"absolute": {
"low": 716.5466129116774,
"high": 724.9733870883226
},
"percentChange": {
"low": 868.7625943673634,
"high": 884.0584173057885
}
},
{
"absolute": {
"low": -71.1193512033764,
"high": -49.52064879662371
},
"percentChange": {
"low": -8.164034238225385,
"high": -5.809926749589107
}
},
{
"absolute": {
"low": 716.7390176483706,
"high": 725.9809823516295
},
"percentChange": {
"low": 859.451301861674,
"high": 907.7216525724269
}
},
{
"absolute": {
"low": -5.20357922224925,
"high": 7.043579222249168
},
"percentChange": {
"low": -0.649227271906697,
"high": 0.8786308226746901
}
},
{
"absolute": {
"low": -84.64777350548316,
"high": -61.43222649451677
},
"percentChange": {
"low": -9.566999767305477,
"high": -7.108037902207322
}
}
],
"samples": [
806,
790,
784,
817,
804,
805.0000000000002,
797,
790,
799,
810,
799,
797,
798,
802,
806,
793,
803,
796,
805,
811,
815.0000000000002,
827.0000000000002,
798,
800,
823
]
},
{
"name": "Shadow DOM",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "safari",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 81.75921056223497,
"high": 82.72078943776502
},
"differences": [
{
"absolute": {
"low": -1.387764440377157,
"high": 2.267764440377152
},
"percentChange": {
"low": -1.7077229201241475,
"high": 2.7835175411510362
}
},
{
"absolute": {
"low": -724.9733870883226,
"high": -716.5466129116774
},
"percentChange": {
"low": -89.8386251107446,
"high": -89.67818684442351
}
},
null,
{
"absolute": {
"low": -791.0467282808731,
"high": -771.1132717191269
},
"percentChange": {
"low": -90.5971414254879,
"high": -90.35082688290295
}
},
{
"absolute": {
"low": -1.415729174507331,
"high": 2.6157291745073197
},
"percentChange": {
"low": -1.7512292365170063,
"high": 3.2210969484229204
}
},
{
"absolute": {
"low": -724.3353207563034,
"high": -715.3446792436966
},
"percentChange": {
"low": -89.82946973672777,
"high": -89.66384763809768
}
},
{
"absolute": {
"low": -804.6374393638666,
"high": -782.9625606361333
},
"percentChange": {
"low": -90.74064708364622,
"high": -90.48395453271834
}
}
],
"samples": [
82,
81.99999999999999,
82.00000000000003,
82.00000000000003,
82.00000000000003,
80.99999999999999,
80.99999999999999,
80,
81,
80.99999999999999,
83,
82.00000000000003,
83,
81.99999999999999,
81,
81.99999999999999,
83,
83,
83.00000000000003,
86,
83,
83.00000000000003,
83,
83,
82
]
},
{
"name": "Unscoped",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "safari",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 853.3648749811322,
"high": 873.2751250188679
},
"differences": [
{
"absolute": {
"low": 771.4099021514464,
"high": 791.6300978485538
},
"percentChange": {
"low": 929.601226337699,
"high": 981.2056196280714
}
},
{
"absolute": {
"low": 49.52064879662371,
"high": 71.1193512033764
},
"percentChange": {
"low": 6.151298491558838,
"high": 8.872362778677786
}
},
{
"absolute": {
"low": 771.1132717191269,
"high": 791.0467282808731
},
"percentChange": {
"low": 936.1850090967898,
"high": 963.3286095802532
}
},
null,
{
"absolute": {
"low": 771.5342363637436,
"high": 791.8257636362565
},
"percentChange": {
"low": 929.3362066646623,
"high": 985.6074484063814
}
},
{
"absolute": {
"low": 50.327563775220774,
"high": 72.15243622477925
},
"percentChange": {
"low": 6.256658674484171,
"high": 9.013638552725086
}
},
{
"absolute": {
"low": -27.42793825195452,
"high": 1.9879382519546915
},
"percentChange": {
"low": -3.1177350342332795,
"high": 0.2137580468811233
}
}
],
"samples": [
909,
832,
857.0000000000001,
892,
844,
836,
843.0000000000001,
899,
905,
849.0000000000001,
865.0000000000001,
885,
860.0000000000001,
849.0000000000001,
853.0000000000001,
857.0000000000001,
858.0000000000001,
866.0000000000001,
853.0000000000001,
838,
848.0000000000001,
865.0000000000001,
863.0000000000001,
917,
840
]
},
{
"name": "Scoping - classes - concatenated",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "safari",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 79.6824490756321,
"high": 83.5975509243679
},
"differences": [
{
"absolute": {
"low": -2.7946859371724653,
"high": 2.474685937172472
},
"percentChange": {
"low": -3.413665824900184,
"high": 3.022467780890412
}
},
{
"absolute": {
"low": -725.9809823516295,
"high": -716.7390176483706
},
"percentChange": {
"low": -90.0825998183265,
"high": -89.58365173833602
}
},
{
"absolute": {
"low": -2.6157291745073197,
"high": 1.415729174507331
},
"percentChange": {
"low": -3.1795907104014023,
"high": 1.7204467415298206
}
},
{
"absolute": {
"low": -791.8257636362565,
"high": -771.5342363637436
},
"percentChange": {
"low": -90.79508807911049,
"high": -90.29187851496819
}
},
null,
{
"absolute": {
"low": -725.3194216706572,
"high": -715.5605783293429
},
"percentChange": {
"low": -90.0720275868266,
"high": -89.5709007993693
}
},
{
"absolute": {
"low": -805.4023151701591,
"high": -783.3976848298408
},
"percentChange": {
"low": -90.93218085305928,
"high": -90.42940080987849
}
}
],
"samples": [
93,
79,
78,
79,
78,
78,
93,
92,
78,
80,
82,
78,
82,
80,
79,
87,
79,
82,
81,
86,
79,
80,
79,
79,
80
]
},
{
"name": "Scoping - attributes - concatenated",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "safari",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 797.6104642054701,
"high": 806.54953579453
},
"differences": [
{
"absolute": {
"low": 715.4751779861658,
"high": 725.0848220138344
},
"percentChange": {
"low": 858.7052641216878,
"high": 902.3705304993392
}
},
{
"absolute": {
"low": -7.043579222249168,
"high": 5.20357922224925
},
"percentChange": {
"low": -0.8767499386609898,
"high": 0.6476092163695928
}
},
{
"absolute": {
"low": 715.3446792436966,
"high": 724.3353207563034
},
"percentChange": {
"low": 867.4148902165266,
"high": 883.1687673710222
}
},
{
"absolute": {
"low": -72.15243622477925,
"high": -50.327563775220774
},
"percentChange": {
"low": -8.283404493558212,
"high": -5.9036871989775825
}
},
{
"absolute": {
"low": 715.5605783293429,
"high": 725.3194216706572
},
"percentChange": {
"low": 858.27452777257,
"high": 906.6446295032755
}
},
null,
{
"absolute": {
"low": -85.6730561212949,
"high": -62.24694387870495
},
"percentChange": {
"low": -9.683777093604027,
"high": -7.201296647321029
}
}
],
"samples": [
811.0000000000002,
801,
802,
810,
803,
819,
799,
803,
782,
814.0000000000002,
802,
808,
780,
810,
795,
818,
787,
800,
799,
804,
784,
815.0000000000002,
812,
802,
792
]
},
{
"name": "Unscoped - concatenated",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "safari",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 865.2132306996953,
"high": 886.8667693003047
},
"differences": [
{
"absolute": {
"low": 783.2705652904053,
"high": 805.2094347095947
},
"percentChange": {
"low": 944.3416819357234,
"high": 997.5654085288243
}
},
{
"absolute": {
"low": 61.43222649451677,
"high": 84.64777350548316
},
"percentChange": {
"low": 7.6325728640780355,
"high": 10.559207957839764
}
},
{
"absolute": {
"low": 782.9625606361333,
"high": 804.6374393638666
},
"percentChange": {
"low": 950.660262913123,
"high": 979.7872079039976
}
},
{
"absolute": {
"low": -1.9879382519546915,
"high": 27.42793825195452
},
"percentChange": {
"low": -0.24181193519037508,
"high": 3.1885755917719236
}
},
{
"absolute": {
"low": 783.3976848298408,
"high": 805.4023151701591
},
"percentChange": {
"low": 944.1063347411133,
"high": 1001.9985158223358
}
},
{
"absolute": {
"low": 62.24694387870495,
"high": 85.6730561212949
},
"percentChange": {
"low": 7.740321028621236,
"high": 10.701729639641261
}
},
null
],
"samples": [
855.0000000000001,
862.0000000000001,
870.0000000000001,
934.0000000000001,
863.0000000000001,
922,
855.0000000000001,
858.0000000000001,
843.0000000000001,
902,
924.0000000000001,
869,
861.0000000000001,
870,
860,
871,
872.0000000000001,
910,
865.0000000000001,
862.0000000000001,
868,
859.0000000000001,
865,
856,
925.0000000000001
]
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment