Skip to content

Commit ab87dfd

Browse files
refact0rrefact0r
committed
change some things to classes for performance
1 parent cb07d5b commit ab87dfd

File tree

3 files changed

+499
-37
lines changed

3 files changed

+499
-37
lines changed

‎benchmark/benchmarkresults2.csv‎

Lines changed: 232 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,232 @@
1+
Selector,Time (ms),Matches,Total
2+
[class*=buttonColor_],0.4697,0,38.4736
3+
[class*=embedFull_],0.446,2,
4+
[class^='chatContent_']:has([class^='typing_']:hover),0.4342,0,
5+
#app-mount [class*=lookLink_][class*=colorPrimary_],0.4331,0,
6+
[class*=lookFilled_][class*=colorPrimary_],0.4315,0,
7+
[class^='chatContent_']:has([class^='messagesWrapper_']:hover),0.4189,0,
8+
[class^='chatContent_']:has([class^='typing_']) > [class^='messagesWrapper_'] > [class^='jumpToPresentBar_'],0.4146,0,
9+
#app-mount [class*=controlIcon_],0.3911,0,
10+
[class^=searchFilter_],0.3541,0,
11+
[class^='newBadge_'],0.3385,0,
12+
[class^=friendRequestsButton_] [class^=numberBadge_],0.3314,0,
13+
[class^=chat_] > [class*=container_],0.32,0,
14+
[class^=videoControls_],0.3099,0,
15+
[class*=backgroundAccent_],0.3097,0,
16+
[class^=searchAnswer_],0.3096,0,
17+
#app-mount [class^=partyStatus_],0.3063,0,
18+
[class^='newChannel_'],0.2995,0,
19+
[class^=iconBadge_]:not([class*=isCurrentUserConnected_]),0.2892,0,
20+
#app-mount [class^=partyStatus_] [class^=anchor_],0.2834,0,
21+
[class^=childWrapper_],0.2817,15,
22+
[class^=overlayBottom_] > [class^=text-],0.2786,0,
23+
[class^=gifFavoriteButton_],0.2739,0,
24+
[class^='form_'] [class^='channelTextArea_'],0.2703,1,
25+
[class^='panels_'],0.2612,1,
26+
[class^=panels_],0.2599,1,
27+
[class^=sidebar_],0.2585,1,
28+
[class^=button_][class*=bannerColor_],0.2576,0,
29+
[class^='content_']>[class^='outer_'],0.2546,0,
30+
[class^=channelTextArea] > [class^=scrollableContainer],0.2527,1,
31+
[class^='content_']>[class^='outer_'],0.2511,0,
32+
[class^=sidebar_] > [class^=container_],0.2439,1,
33+
[class^='channelBottomBarArea_'],0.2423,1,
34+
[class^=panels_] > [class^=wrapper_] > [class^=container],0.2386,0,
35+
[class^='form_'] > [class^='wrapper_'],0.2365,0,
36+
[class^=navButton_][class*=navButtonActive_],0.2356,0,
37+
[class^=sidebar_],0.2315,1,
38+
[class^=membersWrap_],0.2308,1,
39+
[class^=embedVideoActions_] > [class^=centerContent_] > [class^=wrapper_],0.2273,0,
40+
[class^=categoryText_],0.2255,0,
41+
[class^='form_'] > [class^='wrapper_'],0.2233,0,
42+
[class^=sidebar_],0.2232,1,
43+
[class^=members_],0.2213,1,
44+
"[class^='folderIconWrapper_'][style='background-color: rgba(88, 101, 242, 0.4);']",0.2209,0,
45+
[class^=peopleColumn_],0.2206,0,
46+
[class^=nowPlayingColumn_],0.2206,0,
47+
[class^=message_][class*=replying_],0.2181,0,
48+
[class^=message_][class*=mentioned_],0.2175,5,
49+
[class^=bottomControls_],0.2173,0,
50+
[class*=bannerVisible_] [class^=headerContent_],0.2168,0,
51+
[class^=container_] > [class^=base_],0.2148,1,
52+
[class^=tabBody_],0.2147,0,
53+
[class^=privateChannels_],0.2141,0,
54+
[class^='sidebar_'] > [class^='container_'],0.2129,1,
55+
[class^='dot_'][class*='maskSecondary_'],0.2125,0,
56+
"[class^='status_'][style='background-color: rgb(35, 165, 90);']",0.2124,0,
57+
[class^=privateChannels_],0.2119,0,
58+
[class^='sidebar_'] > [class^='container_'],0.2112,1,
59+
[class^='content_']>[class^='outer_'],0.2105,0,
60+
[class^=channelBottomBarArea_],0.2103,1,
61+
[class^='form_'] [class^='channelTextArea_'],0.2101,1,
62+
[class^=privateChannels_],0.21,0,
63+
[class^='channelAppLauncher_'],0.2099,1,
64+
[class^=gradientBottom_],0.2099,0,
65+
[class^=centerContent_] > [class^=wrapper_] > [class^=anchor_],0.2099,0,
66+
[class^='form_'] > [class^='typing_'],0.2095,0,
67+
[class^='content_']>[class^='outer_']>[class^='inner_'],0.2094,0,
68+
#app-mount [class^=sidebar_] > [class^=container_],0.2093,1,
69+
[class^='nowPlayingColumn_'],0.209,0,
70+
"[class^='status_'][style='background-color: rgb(128, 132, 142);']",0.2087,0,
71+
[class^=peopleColumn_],0.2082,0,
72+
[class^='nowPlayingColumn_'],0.2079,0,
73+
[class^=session_],0.2078,0,
74+
[class^='container_'] > [class^='base_'],0.2076,1,
75+
[class^=searchResultsWrap_],0.2076,0,
76+
[class^=panels_] > [class^=panel_],0.2076,0,
77+
[class^='membersWrap_'],0.2076,1,
78+
[class^=searchResultsWrap_],0.2073,0,
79+
[class^=guildSeparator_],0.2072,2,
80+
[class^=tableCell_],0.2072,0,
81+
[class^=chat_] > [class^=content_] > [class^=container_],0.2071,1,
82+
[class^='membersWrap_'],0.207,1,
83+
[class^='sectionDivider_'],0.2069,0,
84+
[class^='privateChannels_'],0.2067,0,
85+
[class^='peopleColumn_'],0.2065,0,
86+
[class^=attachedBars_],0.2061,0,
87+
[class^=searchResultsWrap_],0.206,0,
88+
[class^='callContainer_'],0.2055,0,
89+
[class^='peopleColumn_'],0.2051,0,
90+
[class^='notAppAsidePanel_'] > [class^='layerContainer_'],0.2049,2,
91+
[class^='unreadPill_'][class*='endCap_'],0.2048,0,
92+
[class^='panels_'],0.2047,1,
93+
#app-mount [class^=sidebar_],0.2045,1,
94+
[class^=chat_],0.2044,1,
95+
[class^=panels_],0.2044,1,
96+
[class^=panels_] > [class^=container_],0.2042,1,
97+
[class^='chatContent_'] > [class^='messagesWrapper_'],0.2042,1,
98+
[class^='nowPlayingColumn_'],0.2041,0,
99+
[class^='membersWrap_'],0.2041,1,
100+
[class^=container_] > [class^=base_],0.2039,1,
101+
[class^='toolbar_'] > [class^='search_'],0.2034,1,
102+
"[class^='status_'][style='background-color: rgb(240, 178, 50);']",0.2034,0,
103+
[class^=tabBody_],0.2031,0,
104+
[class^='lowerBadge_'],0.2031,0,
105+
[class^=privateChannels_] > [class^=scroller_],0.2029,0,
106+
[class^='searchResultsWrap_'],0.2028,0,
107+
[class^=customizationSection_],0.2028,0,
108+
[class^=chatContent_] > [class^=messagesWrapper_],0.2027,1,
109+
[class^='upperBadge_'],0.2027,0,
110+
"[class^='status_'][style='background-color: rgb(242, 63, 67);']",0.2025,0,
111+
[class^=threadSuggestionBar_],0.2021,0,
112+
[class^=panels_] > [class^=panel_],0.202,0,
113+
[class^='searchResultsWrap_'],0.202,0,
114+
[class^=columnHeading_],0.2016,0,
115+
#app-mount [class^='divider_'],0.2016,2,
116+
[class^=callContainer_],0.2014,0,
117+
[class^='chatContent_'] > [class^='messagesWrapper_'],0.2011,1,
118+
[class^='channelBottomBarArea_']:hover,0.201,0,
119+
[class^=gradientTop_],0.2009,0,
120+
[class^=iconWrapper_],0.2008,6,
121+
[class^='guildSeparator_'],0.1998,2,
122+
[class^='content_']>[class^='outer_'],0.1998,0,
123+
[class^='privateChannels_'],0.1997,0,
124+
[class^=container_] > [class^=base_],0.1996,1,
125+
[class^=member_],0.1985,25,
126+
[class^='content_']>[class^='outer_'],0.1984,0,
127+
[class^='sectionDivider_'],0.198,0,
128+
[class^=topControls_],0.198,0,
129+
[class^='membersWrap_'],0.1974,1,
130+
[class^=privateChannels_],0.1971,0,
131+
[class^=content_] > [class^=resizeHandle_],0.1969,0,
132+
[class^=replyBar_],0.196,0,
133+
[class^='form_'] [class^='channelTextArea_'],0.1958,1,
134+
[class^='divider_']:not(.isUnread_c2654d),0.194,2,
135+
.wrapper_c51b4e:has(rect[fill='#f0b232']),0.1871,8,
136+
[class^='listItem_'] [class^='wrapper_'] > [class^='svg_'] > mask,0.1624,39,
137+
:root,0.1432,1,
138+
.wrapper_c51b4e:has(rect[fill='#80848e']),0.1408,1,
139+
.wrapper_c51b4e:has(rect[fill='#593695']),0.1371,0,
140+
.wrapper_c51b4e:has(rect[fill='#f23f43']),0.1349,5,
141+
.wrapper_c51b4e:has(rect),0.1342,26,
142+
.wrapper_c51b4e:has(rect[fill='#23a55a']),0.1332,12,
143+
[class^='svg_'] > foreignObject,0.123,99,
144+
[role='button'] path[fill='var(--white-500)'],0.1159,0,
145+
"svg[style='color: rgb(88, 101, 242);']",0.1122,13,
146+
[class^=jumpToPresentBar_] > button,0.1117,2,
147+
"[style='opacity: 1; background-color: rgb(35, 165, 90);']",0.1095,0,
148+
:root,0.1094,1,
149+
[class^='mask_'] > rect,0.1049,26,
150+
[class^='mask_'] > foreignObject,0.1041,26,
151+
[class^='mask_'] > svg,0.1035,1,
152+
#app-mount button path[fill='var(--white-500)'],0.1031,0,
153+
[class^='bannerSVGWrapper_'] > mask > circle,0.102,0,
154+
svg[class^=slider_] > rect[fill='white'],0.1016,0,
155+
:root,0.0946,1,
156+
[class^='mask_'] > circle,0.0937,0,
157+
[class^=callContainer_] [class^=topControls_] section,0.0882,0,
158+
.container_a6d69a,0.0797,0,
159+
.guilds_a4d4d9,0.0771,1,
160+
.container_adcaac,0.0769,0,
161+
.vc-spotify-time-left,0.0766,0,
162+
.vc-spotify-time-right,0.0746,0,
163+
.guilds_a4d4d9,0.0733,1,
164+
.form_a7d72e,0.0731,1,
165+
.container_fc4f04,0.0723,1,
166+
.container_c2739c,0.072,0,
167+
.form_a7d72e,0.0719,1,
168+
*,0.0714,6196,
169+
.timestamp_f9f2ca.latin24CompactTimeStamp_f9f2ca,0.0713,13,
170+
.container_d1c246,0.0713,0,
171+
.vc-ranb-button,0.0709,0,
172+
.container_b2ca13,0.0707,1,
173+
.wrapper_fea3ef,0.0706,1,
174+
.statusBubbleOuter_d0a252,0.0706,0,
175+
.container_fc4f04,0.0704,1,
176+
.scroller_bf550a,0.0703,0,
177+
.guilds_a4d4d9,0.0703,1,
178+
.attachButton_f298d4,0.0702,1,
179+
.container_a6d69a,0.07,0,
180+
.clipContainer_b11c5e,0.0699,0,
181+
.chat_a7d72e,0.0699,1,
182+
.form_a7d72e,0.0698,1,
183+
.panels_a4d4d9,0.0698,1,
184+
".container_e85446:has(div[style='background-color: rgb(35, 165, 90);'])",0.0698,0,
185+
.textArea_bdf0de,0.0697,1,
186+
.content_a7d72e,0.0695,1,
187+
.container_adcaac,0.0695,0,
188+
.animatedContainer_fd6364,0.0693,1,
189+
.guilds_a4d4d9,0.0692,1,
190+
.container_fb4810,0.0692,0,
191+
.separator_a0,0.0692,0,
192+
".container_e85446:has(div[style='background-color: rgb(35, 165, 90);'])",0.0692,0,
193+
.scroller_fb4810,0.0691,0,
194+
.wordmarkWindows_a934d8 > svg,0.0691,1,
195+
.wordmarkWindows_a934d8,0.0688,1,
196+
.container_fc4f04,0.0688,1,
197+
.scroller_fb4810,0.0688,0,
198+
.guilds_a4d4d9,0.0687,1,
199+
.container_e85446 > [class^='svg_'] > foreignObject > [class^='status_'],0.0686,0,
200+
.newMessagesBar_cf58b5,0.0685,0,
201+
.container_a4d4d9,0.0684,1,
202+
.scroller_e2e187,0.0684,1,
203+
.platform-osx .guilds_a4d4d9,0.0684,0,
204+
.scroller_fb4810,0.0683,0,
205+
.container_c75f85,0.0683,0,
206+
.container_c2739c,0.0681,0,
207+
html.theme-light,0.0681,0,
208+
.container_a6d69a,0.0681,0,
209+
.grabber_c7a159,0.068,0,
210+
.scroller_fb4810,0.0679,0,
211+
.theme-dark,0.0678,1,
212+
.statusBubbleOuter_d0a252,0.0678,0,
213+
.tabBody_c2739c,0.0677,0,
214+
.container_d1c246,0.0676,0,
215+
.horizontal_dc333f > .flex_dc333f,0.0673,0,
216+
.separator_a0,0.0669,0,
217+
.vc-spotify-time-left,0.0666,0,
218+
.container_fc4f04,0.0662,1,
219+
.vc-spotify-time-right,0.0661,0,
220+
.wrapper_fea3ef.hidden_fea3ef,0.0661,0,
221+
#vc-spotify-player,0.0004,0,
222+
#vc-spotify-progress-bar [class^='bar_'],0.0004,0,
223+
#vc-spotify-player,0.0004,0,
224+
.overlay_f94206:after,0.0004,0,
225+
#app-mount #vc-spotify-player,0.0003,0,
226+
#vc-spotify-player,0.0003,0,
227+
#vc-spotify-progress-bar,0.0003,0,
228+
::placeholder,0.0003,0,
229+
::selection,0.0003,0,
230+
::-webkit-scrollbar-thumb,0.0003,0,
231+
.overlay_f18fcb:after,0.0003,0,
232+
#vc-spotify-player,0.0002,0,

0 commit comments

Comments
 (0)