Skip to content

Instantly share code, notes, and snippets.

@nolanlawson
Last active June 25, 2022 20:09
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/aaeabb0a801fbfb862047629c15973d9 to your computer and use it in GitHub Desktop.
Save nolanlawson/aaeabb0a801fbfb862047629c15973d9 to your computer and use it in GitHub Desktop.
Raw numbers from Shadow DOM selector benchmark, Mac Mini
{
"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": 709.4791179791226,
"high": 735.7368820208177
},
"differences": [
null,
{
"absolute": {
"low": -380.6328836781521,
"high": -330.98311632149046
},
"percentChange": {
"low": -34.78128049482311,
"high": -31.205871031098265
}
},
{
"absolute": {
"low": 454.8959236064462,
"high": 504.44807639450744
},
"percentChange": {
"low": 171.16006570087038,
"high": 223.73570931928074
}
},
{
"absolute": {
"low": -2031.8970353557247,
"high": -1841.734964644454
},
"percentChange": {
"low": -73.90980855790828,
"high": -71.74699532143147
}
},
{
"absolute": {
"low": 516.2551267641595,
"high": 544.0408732357807
},
"percentChange": {
"low": 264.273877646677,
"high": 286.6437156194251
}
},
{
"absolute": {
"low": 503.79142242374616,
"high": 534.9925775757173
},
"percentChange": {
"low": 239.4878137903657,
"high": 271.68453484273647
}
},
{
"absolute": {
"low": -155.13320885901973,
"high": -110.39479114050347
},
"percentChange": {
"low": -17.878169761292394,
"high": -13.16423050427703
}
}
],
"samples": [
803.5999999977648,
723.5,
709.5,
693.6000000014901,
673.1999999992549,
739.0999999977648,
745.8000000007451,
736.8000000007451,
711.2000000029802,
717.3999999985099,
759.9000000022352,
728.1000000014901,
776.3000000007451,
700.1000000014901,
717.1999999992549,
689.0999999977648,
730.1999999992549,
673.8999999985099,
677.1000000014901,
710.6999999992549,
709.0999999977648,
713,
768.8000000007451,
729.1999999992549,
728.8000000007451
]
},
{
"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": 1057.346892127712,
"high": 1099.485107871871
},
"differences": [
{
"absolute": {
"low": 330.98311632149046,
"high": 380.6328836781521
},
"percentChange": {
"low": 45.25777327414589,
"high": 53.22107002674089
}
},
null,
{
"absolute": {
"low": 805.7244337161416,
"high": 865.2355662844546
},
"percentChange": {
"low": 304.5483514045621,
"high": 383.2706626584343
}
},
{
"absolute": {
"low": -1677.506409560776,
"high": -1484.5095904397601
},
"percentChange": {
"low": -61.08922293600577,
"high": -57.80930546715467
}
},
{
"absolute": {
"low": 864.4025387892505,
"high": 907.5094612103323
},
"percentChange": {
"low": 443.1618525516801,
"high": 477.5032207100796
}
},
{
"absolute": {
"low": 852.5082000684693,
"high": 897.8917999306368
},
"percentChange": {
"low": 406.34914138867197,
"high": 455.0003586492446
}
},
{
"absolute": {
"low": 195.26052886348094,
"high": 250.8274711366384
},
"percentChange": {
"low": 22.443441714843964,
"high": 29.70790296329131
}
}
],
"samples": [
1045.5,
1068,
1133.199999999255,
1160.2999999970198,
1151,
1069.5,
1202.699999999255,
1136.300000000745,
1077.8999999985099,
1101.1000000014901,
1047.5,
1058.4000000022352,
1075,
1062.300000000745,
1098.800000000745,
1012.2999999970198,
1059.300000000745,
993,
1029,
1017.7999999970198,
1100,
1085.300000000745,
1113.5,
1014,
1048.699999999255
]
},
{
"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": 221.9244218016162,
"high": 263.9475781973705
},
"differences": [
{
"absolute": {
"low": -504.44807639450744,
"high": -454.8959236064462
},
"percentChange": {
"low": -69.35187200697506,
"high": -63.40945917133922
}
},
{
"absolute": {
"low": -865.2355662844546,
"high": -805.7244337161416
},
"percentChange": {
"low": -79.47035010080982,
"high": -75.47542221719357
}
},
null,
{
"absolute": {
"low": -2512.9738650769996,
"high": -2320.0021349241324
},
"percentChange": {
"low": -91.71882114778481,
"high": -90.01135801887023
}
},
{
"absolute": {
"low": 28.97877222485978,
"high": 71.97322777412693
},
"percentChange": {
"low": 14.909978656763167,
"high": 37.54351817322057
}
},
{
"absolute": {
"low": 17.08160571095532,
"high": 62.35839428755459
},
"percentChange": {
"low": 8.079240997870846,
"high": 31.01216912653703
}
},
{
"absolute": {
"low": -640.1758698672238,
"high": -584.6961301332531
},
"percentChange": {
"low": -74.12775209766458,
"high": -69.06982743508385
}
}
],
"samples": [
219.80000000074506,
240.19999999925494,
231.29999999701977,
277.19999999925494,
198.80000000074506,
217.60000000149012,
331.5,
204.20000000298023,
223.79999999701977,
413,
231.79999999701977,
230.10000000149012,
211.70000000298023,
323.29999999701977,
223,
202.59999999776483,
218.5,
258.8999999985099,
227.69999999925494,
199.19999999925494,
204.69999999925494,
197.60000000149012,
266.8999999985099,
230.89999999850988,
289.0999999977648
]
},
{
"name": "Unscoped",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "chrome",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 2565.25375129495,
"high": 2753.5942487051693
},
"differences": [
{
"absolute": {
"low": 1841.734964644454,
"high": 2031.8970353557247
},
"percentChange": {
"low": 253.38401656465038,
"high": 282.6786896329476
}
},
{
"absolute": {
"low": 1484.5095904397601,
"high": 1677.506409560776
},
"percentChange": {
"low": 136.63142879426718,
"high": 156.57787077112758
}
},
{
"absolute": {
"low": 2320.0021349241324,
"high": 2512.9738650769996
},
"percentChange": {
"low": 892.3927411383144,
"high": 1097.0102291959347
}
},
null,
{
"absolute": {
"low": 2372.6842029870663,
"high": 2561.2437970130527
},
"percentChange": {
"low": 1222.9987495341945,
"high": 1340.6134296199773
}
},
{
"absolute": {
"low": 2361.6614706147125,
"high": 2550.7545293849303
},
"percentChange": {
"low": 1137.308517037727,
"high": 1280.0287005011871
}
},
{
"absolute": {
"low": 1708.1559640913601,
"high": 1899.9480359092954
},
"percentChange": {
"low": 198.08115665094908,
"high": 223.73578381492854
}
}
],
"samples": [
2346.2000000029802,
2674.5,
2682.099999997765,
2758.599999997765,
2840.099999997765,
3073,
2772.89999999851,
2856,
2707.900000002235,
2421.7999999970198,
2675.5,
2694.699999999255,
2335.10000000149,
2659.599999997765,
3198.2000000029802,
2637.599999997765,
2168.300000000745,
2448.300000000745,
2468,
2876.7000000029802,
2619.60000000149,
2563.800000000745,
2834.89999999851,
2526.7000000029802,
2645.5
]
},
{
"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": 187.91639090271065,
"high": 197.00360909728937
},
"differences": [
{
"absolute": {
"low": -544.0408732357807,
"high": -516.2551267641595
},
"percentChange": {
"low": -74.15934837912205,
"high": -72.57248962986542
}
},
{
"absolute": {
"low": -907.5094612103323,
"high": -864.4025387892505
},
"percentChange": {
"low": -82.70033957518626,
"high": -81.60656981784254
}
},
{
"absolute": {
"low": -71.97322777412693,
"high": -28.97877222485978
},
"percentChange": {
"low": -27.8801268788185,
"high": -13.67485056346969
}
},
{
"absolute": {
"low": -2561.2437970130527,
"high": -2372.6842029870663
},
"percentChange": {
"low": -93.07108507232984,
"high": -92.45510405734667
}
},
null,
{
"absolute": {
"low": -20.329654538395793,
"high": -1.1823454620810079
},
"percentChange": {
"low": -9.811976392685997,
"high": -0.7738042547293476
}
},
{
"absolute": {
"low": -681.5843952799509,
"high": -644.2396047195126
},
"percentChange": {
"low": -78.21337425070507,
"high": -76.78632178796339
}
}
],
"samples": [
190,
181,
194.5,
198.69999999925494,
185.19999999925494,
195.09999999776483,
199.39999999850988,
209.40000000223517,
186.09999999776483,
197.80000000074506,
194.5,
182.60000000149012,
195.5,
189.10000000149012,
205.30000000074506,
180.89999999850988,
185,
186,
184.20000000298023,
182.29999999701977,
187.10000000149012,
183.19999999925494,
199.39999999850988,
229.90000000223517,
189.30000000074506
]
},
{
"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": 194.78922851959345,
"high": 211.64277148088337
},
"differences": [
{
"absolute": {
"low": -534.9925775757173,
"high": -503.79142242374616
},
"percentChange": {
"low": -73.1506079636205,
"high": -70.6042356029476
}
},
{
"absolute": {
"low": -897.8917999306368,
"high": -852.5082000684693
},
"percentChange": {
"low": -82.01985333858877,
"high": -80.29227852883943
}
},
{
"absolute": {
"low": -62.35839428755459,
"high": -17.08160571095532
},
"percentChange": {
"low": -24.373442723075268,
"high": -8.326527638944189
}
},
{
"absolute": {
"low": -2550.7545293849303,
"high": -2361.6614706147125
},
"percentChange": {
"low": -92.77531972559437,
"high": -91.94197243990962
}
},
{
"absolute": {
"low": 1.1823454620810079,
"high": 20.329654538395793
},
"percentChange": {
"low": 0.5503772373645397,
"high": 10.627010271976
}
},
null,
{
"absolute": {
"low": -672.131596097202,
"high": -632.1804039017848
},
"percentChange": {
"low": -77.34853755071968,
"high": -75.13622931087922
}
}
],
"samples": [
187,
191.90000000223517,
187.80000000074506,
196.10000000149012,
185.30000000074506,
214.69999999925494,
240.20000000298023,
236.60000000149012,
212.30000000074506,
189.60000000149012,
206.89999999850988,
244,
202.5,
230,
189.30000000074506,
187.69999999925494,
187.60000000149012,
184.5,
188,
184.19999999925494,
189.69999999925494,
189,
243.29999999701977,
199.19999999925494,
213
]
},
{
"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": 837.2608442698569,
"high": 873.4831557296067
},
"differences": [
{
"absolute": {
"low": 110.39479114050347,
"high": 155.13320885901973
},
"percentChange": {
"low": 15.070274434471587,
"high": 21.675513046366458
}
},
{
"absolute": {
"low": -250.8274711366384,
"high": -195.26052886348094
},
"percentChange": {
"low": -22.967686207783537,
"high": -18.397427069486607
}
},
{
"absolute": {
"low": 584.6961301332531,
"high": 640.1758698672238
},
"percentChange": {
"low": 220.74542514594827,
"high": 283.44991848489747
}
},
{
"absolute": {
"low": -1899.9480359092954,
"high": -1708.1559640913601
},
"percentChange": {
"low": -69.16319212620327,
"high": -66.50919407474004
}
},
{
"absolute": {
"low": 644.2396047195126,
"high": 681.5843952799509
},
"percentChange": {
"low": 330.34728747058244,
"high": 358.5355972844126
}
},
{
"absolute": {
"low": 632.1804039017848,
"high": 672.131596097202
},
"percentChange": {
"low": 301.3197277539071,
"high": 340.5155608047972
}
},
null
],
"samples": [
883.5999999977648,
786.6000000014901,
905.4000000022352,
820.8000000007451,
895.3000000007451,
864.3999999985099,
859.0999999977648,
911,
873.0999999977648,
835.5,
873.5,
895.1000000014901,
911.3000000007451,
845.6999999992549,
769.3000000007451,
886.4000000022352,
774.1000000014901,
836,
830.8999999985099,
870.2999999970198,
833.6999999992549,
865.8000000007451,
898.6999999992549,
885.7999999970198,
772.8999999985099
]
}
]
}
{
"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": 106.18466836249969,
"high": 125.65533163750031
},
"differences": [
null,
{
"absolute": {
"low": -79.48052099781098,
"high": -45.39947900218904
},
"percentChange": {
"low": -42.4753958811391,
"high": -27.54030270598806
}
},
{
"absolute": {
"low": -26.07447567172906,
"high": 2.954475671729057
},
"percentChange": {
"low": -19.897987485493555,
"high": 1.7618092614584093
}
},
{
"absolute": {
"low": -396.9724710008535,
"high": -333.6675289991465
},
"percentChange": {
"low": -78.43512511286798,
"high": -73.38932838226958
}
},
{
"absolute": {
"low": 1.2248171160788104,
"high": 21.0151828839212
},
"percentChange": {
"low": 1.134968060138819,
"high": 20.08640598566272
}
},
{
"absolute": {
"low": -60.68865419440271,
"high": -37.47134580559729
},
"percentChange": {
"low": -36.230916809274326,
"high": -23.259992281634766
}
},
{
"absolute": {
"low": -347.29380587523696,
"high": -304.70619412476304
},
"percentChange": {
"low": -76.24219445837758,
"high": -71.29582147210756
}
}
],
"samples": [
194,
189,
132,
120,
118,
112,
112,
107,
109,
107,
103,
107,
107,
104,
107,
107,
105,
106,
105,
103,
107,
108,
108,
110,
111
]
},
{
"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": 164.37419742078697,
"high": 192.34580257921306
},
"differences": [
{
"absolute": {
"low": 45.39947900218904,
"high": 79.48052099781098
},
"percentChange": {
"low": 36.1857983191327,
"high": 71.54367027990112
}
},
null,
{
"absolute": {
"low": 33.23075084549424,
"high": 68.52924915450578
},
"percentChange": {
"low": 23.788797917250573,
"high": 56.03548824528474
}
},
{
"absolute": {
"low": -336.0870009508911,
"high": -269.6729990491089
},
"percentChange": {
"low": -66.6557820398751,
"high": -59.21904133307808
}
},
{
"absolute": {
"low": 59.46245993093638,
"high": 87.65754006906366
},
"percentChange": {
"low": 56.53907185531655,
"high": 83.84260753399646
}
},
{
"absolute": {
"low": -1.9888385195046911,
"high": 28.708838519504717
},
"percentChange": {
"low": -1.3374298974734495,
"high": 17.53136929141286
}
},
{
"absolute": {
"low": -287.1025606157207,
"high": -240.0174393842793
},
"percentChange": {
"low": -63.246324550424504,
"high": -56.03318305276158
}
}
],
"samples": [
290,
219,
197,
184,
185,
259,
216,
163,
164,
161,
162,
162,
161,
160,
162,
162,
162,
160,
163,
162,
161,
163,
158,
159,
164
]
},
{
"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": 116.71462392978768,
"high": 138.24537607021233
},
"differences": [
{
"absolute": {
"low": -2.954475671729057,
"high": 26.07447567172906
},
"percentChange": {
"low": -3.1252059382408826,
"high": 23.069995448247788
}
},
{
"absolute": {
"low": -68.52924915450578,
"high": -33.23075084549424
},
"percentChange": {
"low": -36.7631063943148,
"high": -20.290044536387153
}
},
null,
{
"absolute": {
"low": -385.74430177916753,
"high": -321.77569822083245
},
"percentChange": {
"low": -76.29446406526804,
"high": -70.72573375702437
}
},
{
"absolute": {
"low": 11.76985407305509,
"high": 33.59014592694493
},
"percentChange": {
"low": 11.165163510771013,
"high": 32.1172792373206
}
},
{
"absolute": {
"low": -50.005090790467214,
"high": -25.034909209532778
},
"percentChange": {
"low": -29.904267896748294,
"high": -15.57451998203958
}
},
{
"absolute": {
"low": -336.2240035001205,
"high": -292.6559964998795
},
"percentChange": {
"low": -73.88491124712444,
"high": -68.42138853564167
}
}
],
"samples": [
185,
201,
133,
122,
124,
188,
160,
119,
117,
114,
112,
117,
114,
112,
112,
119,
115,
114,
119,
116,
112,
117,
118,
113,
114
]
},
{
"name": "Unscoped",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "firefox",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 451.12186197043786,
"high": 511.35813802956216
},
"differences": [
{
"absolute": {
"low": 333.6675289991465,
"high": 396.9724710008535
},
"percentChange": {
"low": 271.6666850639483,
"high": 358.63007131976457
}
},
{
"absolute": {
"low": 269.6729990491089,
"high": 336.0870009508911
},
"percentChange": {
"low": 142.74430235106496,
"high": 196.88341686849094
}
},
{
"absolute": {
"low": 321.77569822083245,
"high": 385.74430177916753
},
"percentChange": {
"low": 237.82291492244144,
"high": 317.1817916982049
}
},
null,
{
"absolute": {
"low": 346.2698127188131,
"high": 406.6101872811869
},
"percentChange": {
"low": 329.4300756286338,
"high": 388.9668709362517
}
},
{
"absolute": {
"low": 285.4652309759948,
"high": 347.0147690240052
},
"percentChange": {
"low": 170.25687221792788,
"high": 213.06433990328424
}
},
{
"absolute": {
"low": 3.742595303649246,
"high": 74.89740469635075
},
"percentChange": {
"low": 0.6376194047229222,
"high": 17.157456627138043
}
}
],
"samples": [
555,
540,
716,
485,
480,
556,
421,
446,
446,
429,
425,
452,
453,
423,
423,
469,
568,
588,
425,
515,
425,
417,
424,
518,
432
]
},
{
"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": 103.02857057320013,
"high": 106.57142942679987
},
"differences": [
{
"absolute": {
"low": -21.0151828839212,
"high": -1.2248171160788104
},
"percentChange": {
"low": -17.33776146610512,
"high": -1.8478838064966765
}
},
{
"absolute": {
"low": -87.65754006906366,
"high": -59.46245993093638
},
"percentChange": {
"low": -45.95563823391651,
"high": -36.52922384278232
}
},
{
"absolute": {
"low": -33.59014592694493,
"high": -11.76985407305509
},
"percentChange": {
"low": -24.871076361133284,
"high": -10.710975725468549
}
},
{
"absolute": {
"low": -406.6101872811869,
"high": -346.2698127188131
},
"percentChange": {
"low": -79.63466368169325,
"high": -76.81118454372442
}
},
null,
{
"absolute": {
"low": -66.76674442377968,
"high": -53.633255576220314
},
"percentChange": {
"low": -39.14519043691867,
"high": -33.8245065327783
}
},
{
"absolute": {
"low": -356.14071104807323,
"high": -318.0992889519268
},
"percentChange": {
"low": -77.37776745944282,
"high": -75.19283355431531
}
}
],
"samples": [
107,
115,
118,
111,
105,
107,
103,
102,
102,
104,
103,
103,
103,
104,
107,
105,
104,
100,
103,
100,
102,
101,
104,
102,
105
]
},
{
"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": 158.67669626594537,
"high": 171.32330373405463
},
"differences": [
{
"absolute": {
"low": 37.47134580559729,
"high": 60.68865419440271
},
"percentChange": {
"low": 29.199643904626583,
"high": 55.47944512228853
}
},
{
"absolute": {
"low": -28.708838519504717,
"high": 1.9888385195046911
},
"percentChange": {
"low": -15.56444050976812,
"high": 0.583503079851086
}
},
{
"absolute": {
"low": 25.034909209532778,
"high": 50.005090790467214
},
"percentChange": {
"low": 17.42899791949668,
"high": 41.43513763117793
}
},
{
"absolute": {
"low": -347.0147690240052,
"high": -285.4652309759948
},
"percentChange": {
"low": -68.2297085883827,
"high": -63.19743794972717
}
},
{
"absolute": {
"low": 53.633255576220314,
"high": 66.76674442377968
},
"percentChange": {
"low": 50.84823421884008,
"high": 64.03726196436604
}
},
null,
{
"absolute": {
"low": -296.8858121966844,
"high": -256.9541878033156
},
"percentChange": {
"low": -64.80944108114919,
"high": -60.516409751580724
}
}
],
"samples": [
194,
195,
159,
218,
169,
177,
159,
156,
157,
158,
161,
166,
159,
157,
158,
156,
159,
157,
156,
160,
160,
156,
159,
160,
159
]
},
{
"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": 422.9819566332696,
"high": 460.85804336673044
},
"differences": [
{
"absolute": {
"low": 304.70619412476304,
"high": 347.29380587523696
},
"percentChange": {
"low": 245.28434821333113,
"high": 317.1725185913618
}
},
{
"absolute": {
"low": 240.0174393842793,
"high": 287.1025606157207
},
"percentChange": {
"low": 125.62808763775979,
"high": 169.9090283075194
}
},
{
"absolute": {
"low": 292.6559964998795,
"high": 336.2240035001205
},
"percentChange": {
"low": 213.83018319593833,
"high": 279.4864154862078
}
},
{
"absolute": {
"low": -74.89740469635075,
"high": -3.742595303649246
},
"percentChange": {
"low": -15.135856486651928,
"high": -1.2052622898421281
}
},
{
"absolute": {
"low": 318.0992889519268,
"high": 356.14071104807323
},
"percentChange": {
"low": 302.2538512607103,
"high": 341.1049273652439
}
},
{
"absolute": {
"low": 256.9541878033156,
"high": 296.8858121966844
},
"percentChange": {
"low": 152.43268692434182,
"high": 183.22791913626426
}
},
null
],
"samples": [
560,
534,
477,
475,
569,
442,
419,
418,
418,
414,
417,
411,
415,
423,
433,
441,
427,
420,
423,
426,
422,
414,
421,
414,
415
]
}
]
}
{
"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": 185.8510850657354,
"high": 195.0289149342646
},
"differences": [
null,
{
"absolute": {
"low": -2723.4949514095433,
"high": -2643.8650485904564
},
"percentChange": {
"low": -93.55783545304013,
"high": -93.19010826538499
}
},
{
"absolute": {
"low": -92.78077109990986,
"high": -52.25922890009011
},
"percentChange": {
"low": -33.28663000763614,
"high": -21.87004781408578
}
},
{
"absolute": {
"low": -3002.596052591485,
"high": -2897.8839474085144
},
"percentChange": {
"low": -94.11379362651266,
"high": -93.75889636419
}
},
{
"absolute": {
"low": -5.350060067578865,
"high": 6.2300600675789175
},
"percentChange": {
"low": -2.8184472884593066,
"high": 3.2816051831961763
}
},
{
"absolute": {
"low": -2715.1318998514753,
"high": -2635.0281001485246
},
"percentChange": {
"low": -93.5389130691312,
"high": -93.1692585716181
}
},
{
"absolute": {
"low": -3015.7113579913175,
"high": -2917.1686420086826
},
"percentChange": {
"low": -94.14043033265168,
"high": -93.79449275596747
}
}
],
"samples": [
192,
190.99999999999977,
185,
190,
183.00000000000023,
188.99999999999977,
191,
186,
195,
185,
183,
186,
239,
192,
204,
187,
191,
187,
187,
190,
182,
190,
185,
186.00000000000023,
185
]
},
{
"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": 2834.570382865691,
"high": 2913.6696171343087
},
"differences": [
{
"absolute": {
"low": 2643.8650485904564,
"high": 2723.4949514095433
},
"percentChange": {
"low": 1367.3214335884825,
"high": 1451.0780623157393
}
},
null,
{
"absolute": {
"low": 2566.960306327312,
"high": 2655.3596936726876
},
"percentChange": {
"low": 909.5950476931573,
"high": 1076.3800055468791
}
},
{
"absolute": {
"low": -332.01433765732327,
"high": -201.10566234267662
},
"percentChange": {
"low": -10.460950272739572,
"high": -6.513717633573707
}
},
{
"absolute": {
"low": 2644.413087871472,
"high": 2723.826912128528
},
"percentChange": {
"low": 1377.7161171700204,
"high": 1447.6733565141906
}
},
{
"absolute": {
"low": -47.500523677672724,
"high": 64.70052367767255
},
"percentChange": {
"low": -1.6606157834819941,
"high": 2.260855879520403
}
},
{
"absolute": {
"low": -345.77413169682706,
"high": -219.7458683031734
},
"percentChange": {
"low": -10.846693961914243,
"high": -7.067195701297548
}
}
],
"samples": [
2885,
2858,
2846.000000000001,
2868,
2865,
2853,
2891,
2843,
2809,
2811,
2857,
2971,
3289,
2831,
2851,
2887,
2810,
2823,
2837,
2808.000000000001,
2865,
2962,
2827,
2827,
2879
]
},
{
"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": 243.22574791665448,
"high": 282.6942520833455
},
"differences": [
{
"absolute": {
"low": 52.25922890009011,
"high": 92.78077109990986
},
"percentChange": {
"low": 27.196721035905036,
"high": 48.96374945348793
}
},
{
"absolute": {
"low": -2655.3596936726876,
"high": -2566.960306327312
},
"percentChange": {
"low": -91.54883073435641,
"high": -90.15269877728541
}
},
null,
{
"absolute": {
"low": -2933.483238858387,
"high": -2821.956761141613
},
"percentChange": {
"low": -92.27083340867777,
"high": -90.98374840163082
}
},
{
"absolute": {
"low": 52.91237269397495,
"high": 93.00762730602506
},
"percentChange": {
"low": 27.69985586595102,
"high": 49.100144134049
}
},
{
"absolute": {
"low": -2646.9732553043314,
"high": -2558.1467446956685
},
"percentChange": {
"low": -91.52367410234206,
"high": -90.12293803088332
}
},
{
"absolute": {
"low": -2946.79768228018,
"high": -2841.04231771982
},
"percentChange": {
"low": -92.30863660774969,
"high": -91.03187681056207
}
}
],
"samples": [
324,
225,
245.99999999999994,
238,
231,
231,
228,
233,
225,
225,
382,
327,
240,
332.99999999999994,
228,
230,
336,
289.0000000000001,
319,
227,
286.0000000000001,
227.99999999999994,
226.99999999999994,
291.0000000000001,
225
]
},
{
"name": "Unscoped",
"bytesSent": 0,
"measurement": {
"name": "total",
"mode": "performance",
"entryName": "total"
},
"browser": {
"name": "safari",
"headless": false,
"windowSize": {
"width": 1024,
"height": 768
},
"userAgent": ""
},
"mean": {
"low": 3088.5254402502665,
"high": 3192.834559749733
},
"differences": [
{
"absolute": {
"low": 2897.8839474085144,
"high": 3002.596052591485
},
"percentChange": {
"low": 1500.9085234488675,
"high": 1597.4321612812307
}
},
{
"absolute": {
"low": 201.10566234267662,
"high": 332.01433765732327
},
"percentChange": {
"low": 6.917812625958959,
"high": 11.63116932329855
}
},
{
"absolute": {
"low": 2821.956761141613,
"high": 2933.483238858387
},
"percentChange": {
"low": 1002.5560170782936,
"high": 1186.157095182126
}
},
null,
{
"absolute": {
"low": 2898.4060604315996,
"high": 3002.9539395684
},
"percentChange": {
"low": 1511.7938561740514,
"high": 1594.1850911943698
}
},
{
"absolute": {
"low": 209.56126034650345,
"high": 340.75873965349626
},
"percentChange": {
"low": 7.229961852315675,
"high": 11.974929406513429
}
},
{
"absolute": {
"low": -87.80102429939927,
"high": 55.40102429939873
},
"percentChange": {
"low": -2.775803258895606,
"high": 1.749473464921792
}
}
],
"samples": [
3265,
3208,
3193.0000000000005,
3050.0000000000005,
3010.0000000000005,
3132.0000000000005,
3183,
3207,
3183,
3061,
3034,
3621,
3122,
3089,
3045,
3219,
3145,
3161,
3042,
3037,
3225,
3170,
3039,
3037,
3039
]
},
{
"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": 186.4691848940712,
"high": 193.53081510592875
},
"differences": [
{
"absolute": {
"low": -6.2300600675789175,
"high": 5.350060067578865
},
"percentChange": {
"low": -3.2669926165684524,
"high": 2.804904819887055
}
},
{
"absolute": {
"low": -2723.826912128528,
"high": -2644.413087871472
},
"percentChange": {
"low": -93.54214308235898,
"high": -93.2364187035094
}
},
{
"absolute": {
"low": -93.00762730602506,
"high": -52.91237269397495
},
"percentChange": {
"low": -33.33187717914115,
"high": -22.159452300627642
}
},
{
"absolute": {
"low": -3002.9539395684,
"high": -2898.4060604315996
},
"percentChange": {
"low": -94.1011232791296,
"high": -93.7995861213824
}
},
null,
{
"absolute": {
"low": -2715.464501458285,
"high": -2635.5754985417148
},
"percentChange": {
"low": -93.52325459900534,
"high": -93.21562700014596
}
},
{
"absolute": {
"low": -3016.06409532915,
"high": -2917.6959046708503
},
"percentChange": {
"low": -94.127196306777,
"high": -93.835602405876
}
}
],
"samples": [
188.00000000000023,
186.99999999999977,
184,
190,
187,
182.99999999999977,
207,
183.99999999999977,
189,
183,
191,
204,
185,
188.99999999999977,
184,
187,
188.00000000000023,
187,
188,
189,
186,
187,
191.00000000000023,
220.99999999999977,
191
]
},
{
"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": 2825.7318542598587,
"high": 2905.3081457401413
},
"differences": [
{
"absolute": {
"low": 2635.0281001485246,
"high": 2715.1318998514753
},
"percentChange": {
"low": 1362.8376403323243,
"high": 1446.5301395458528
}
},
{
"absolute": {
"low": -64.70052367767255,
"high": 47.500523677672724
},
"percentChange": {
"low": -2.248241502627507,
"high": 1.6497974571457656
}
},
{
"absolute": {
"low": 2558.1467446956685,
"high": 2646.9732553043314
},
"percentChange": {
"low": 906.5495335432489,
"high": 1072.8846009258718
}
},
{
"absolute": {
"low": -340.75873965349626,
"high": -209.56126034650345
},
"percentChange": {
"low": -10.736140274214064,
"high": -6.786179732918142
}
},
{
"absolute": {
"low": 2635.5754985417148,
"high": 2715.464501458285
},
"percentChange": {
"low": 1373.1823651243271,
"high": 1443.1544769809364
}
},
null,
{
"absolute": {
"low": -354.52411259151324,
"high": -228.19588740848704
},
"percentChange": {
"low": -11.12097353211432,
"high": -7.337757873577383
}
}
],
"samples": [
2908,
2862,
2879,
2811,
2830,
2826,
2896,
2897,
2888,
2799,
2825.000000000001,
3279,
2868,
2892,
2808,
2803,
2902,
2822,
2958,
2814,
2813,
2812,
2804,
2823,
2819
]
},
{
"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": 3107.8228029945185,
"high": 3205.9371970054817
},
"differences": [
{
"absolute": {
"low": 2917.1686420086826,
"high": 3015.7113579913175
},
"percentChange": {
"low": 1510.146988096208,
"high": 1605.2069291480684
}
},
{
"absolute": {
"low": 219.7458683031734,
"high": 345.77413169682706
},
"percentChange": {
"low": 7.558269535430838,
"high": 12.118013987873704
}
},
{
"absolute": {
"low": 2841.04231771982,
"high": 2946.79768228018
},
"percentChange": {
"low": 1008.5112273294953,
"high": 1192.5231505226495
}
},
{
"absolute": {
"low": -55.40102429939873,
"high": 87.80102429939927
},
"percentChange": {
"low": -1.770228613838349,
"high": 2.8018523386368175
}
},
{
"absolute": {
"low": 2917.6959046708503,
"high": 3016.06409532915
},
"percentChange": {
"low": 1521.2665771446962,
"high": 1601.7650018026725
}
},
{
"absolute": {
"low": 228.19588740848704,
"high": 354.52411259151324
},
"percentChange": {
"low": 7.871954684655363,
"high": 12.463621406246123
}
},
null
],
"samples": [
3304,
3148.0000000000005,
3054,
3110,
3084,
3154.0000000000005,
3097,
3072,
3199,
3213,
3244.0000000000005,
3584,
3203,
3203,
3070,
3047.0000000000005,
3227,
3061,
3188,
3043,
3089,
3189,
3020,
3067,
3252.0000000000005
]
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment