fluentui
fluentui copied to clipboard
Published
20 hours ago •
microsoft
microsoft
do not review -- perf optimization test
Some v8 components have notable perf regressions with the shadow DOM changes. This PR is to experiment with optimizing the issues.
This pull request is automatically built and testable in CodeSandbox.
To see build info of the built libraries, click here or the icon next to each commit SHA.
![codesandbox-ci[bot] avatar](https://avatars.githubusercontent.com/in/38409?v=4 "Published by a pub.dev verified publisher"){kind=small}
📊 Bundle size report
| Package & Exports | Baseline (minified/GZIP) | PR | Change |
|---|---|---|---|
| react ActivityItem |
68.833 kB22.613 kB |
77.282 kB25.018 kB |
8.449 kB 2.405 kB |
| react Announced |
36.473 kB12.628 kB |
44.516 kB14.895 kB |
8.043 kB 2.267 kB |
| react Breadcrumb |
196.083 kB58.757 kB |
206.736 kB61.634 kB |
10.653 kB 2.877 kB |
| react Button |
190.127 kB55.019 kB |
200.763 kB57.872 kB |
10.636 kB 2.853 kB |
| react ButtonGrid |
175.918 kB53.25 kB |
186.516 kB56.096 kB |
10.598 kB 2.846 kB |
| react Calendar |
118.756 kB36.101 kB |
127.771 kB38.624 kB |
9.015 kB 2.523 kB |
| react Callout |
80.866 kB26.564 kB |
89.979 kB29.114 kB |
9.113 kB 2.55 kB |
| react Check |
51.062 kB17.152 kB |
59.195 kB19.444 kB |
8.133 kB 2.292 kB |
| react Checkbox |
57.791 kB19.17 kB |
65.975 kB21.502 kB |
8.184 kB 2.332 kB |
| react ChoiceGroup |
63.339 kB20.824 kB |
71.362 kB23.107 kB |
8.023 kB 2.283 kB |
| react ChoiceGroupOption |
56.601 kB18.695 kB |
64.761 kB21.007 kB |
8.16 kB 2.312 kB |
| react Coachmark |
89.704 kB28.407 kB |
98.794 kB30.922 kB |
9.09 kB 2.515 kB |
| react ColorPicker |
129.984 kB40.589 kB |
138.941 kB43.118 kB |
8.957 kB 2.529 kB |
| react ComboBox |
245.355 kB70.51 kB |
256.311 kB73.5 kB |
10.956 kB 2.99 kB |
| react CommandBar |
197.362 kB58.46 kB |
207.907 kB61.391 kB |
10.545 kB 2.931 kB |
| react ContextualMenu |
150.967 kB46.982 kB |
160.788 kB49.671 kB |
9.821 kB 2.689 kB |
| react DatePicker |
180.318 kB54.947 kB |
189.794 kB57.666 kB |
9.476 kB 2.719 kB |
| react DetailsList |
225.886 kB64.647 kB |
235.271 kB67.194 kB |
9.385 kB 2.547 kB |
| react Dialog |
205.294 kB61.428 kB |
216.043 kB64.288 kB |
10.749 kB 2.86 kB |
| react Divider |
17.63 kB6.234 kB |
25.62 kB8.466 kB |
7.99 kB 2.232 kB |
| react DocumentCard |
211.08 kB62.793 kB |
221.801 kB65.665 kB |
10.721 kB 2.872 kB |
| react DraggableZone |
33.345 kB11.166 kB |
38.857 kB12.616 kB |
5.512 kB 1.45 kB |
| react Dropdown |
227.732 kB66.867 kB |
238.605 kB69.812 kB |
10.873 kB 2.945 kB |
| react ExtendedPicker |
94.987 kB27.297 kB |
101.327 kB29.01 kB |
6.34 kB 1.713 kB |
| react Fabric |
39.75 kB13.688 kB |
47.767 kB15.944 kB |
8.017 kB 2.256 kB |
| react Facepile |
205.992 kB61.67 kB |
216.617 kB64.573 kB |
10.625 kB 2.903 kB |
| react FloatingPicker |
236.233 kB67.368 kB |
246.845 kB70.222 kB |
10.612 kB 2.854 kB |
| react FocusTrapZone |
15.831 kB5.54 kB |
21.753 kB7.093 kB |
5.922 kB 1.553 kB |
| react FocusZone |
53.259 kB16.869 kB |
59.597 kB18.554 kB |
6.338 kB 1.685 kB |
| react Grid |
175.918 kB53.25 kB |
186.516 kB56.096 kB |
10.598 kB 2.846 kB |
| react GroupedList |
131.636 kB39.657 kB |
140.659 kB42.084 kB |
9.023 kB 2.427 kB |
| react GroupedListV2 |
119.324 kB36.822 kB |
128.347 kB39.244 kB |
9.023 kB 2.422 kB |
| react HoverCard |
93.735 kB29.778 kB |
102.832 kB32.276 kB |
9.097 kB 2.498 kB |
| react Icon |
49.74 kB16.603 kB |
57.874 kB18.906 kB |
8.134 kB 2.303 kB |
| react Icons |
65.829 kB24.212 kB |
71.002 kB25.517 kB |
5.173 kB 1.305 kB |
| react Image |
44.79 kB15.024 kB |
52.932 kB17.326 kB |
8.142 kB 2.302 kB |
| react Keytip |
78.588 kB25.825 kB |
87.505 kB28.288 kB |
8.917 kB 2.463 kB |
| react KeytipData |
13.585 kB4.418 kB |
18.711 kB5.742 kB |
5.126 kB 1.324 kB |
| react KeytipLayer |
100.422 kB31.128 kB |
109.291 kB33.559 kB |
8.869 kB 2.431 kB |
| react Keytips |
103.175 kB32.07 kB |
112.058 kB34.553 kB |
8.883 kB 2.483 kB |
| react Label |
36.347 kB12.639 kB |
44.355 kB14.875 kB |
8.008 kB 2.236 kB |
| react Layer |
45.683 kB15.585 kB |
54.014 kB17.889 kB |
8.331 kB 2.304 kB |
| react Link |
37.673 kB12.993 kB |
45.716 kB15.199 kB |
8.043 kB 2.206 kB |
| react List |
38.136 kB12.004 kB |
43.885 kB13.534 kB |
5.749 kB 1.53 kB |
| react MarqueeSelection |
72.119 kB21.676 kB |
80.478 kB23.984 kB |
8.359 kB 2.308 kB |
| react MessageBar |
184.707 kB55.523 kB |
195.305 kB58.322 kB |
10.598 kB 2.799 kB |
| react Modal |
90.409 kB29.213 kB |
99.307 kB31.721 kB |
8.898 kB 2.508 kB |
| react Nav |
183.442 kB55.093 kB |
194.126 kB57.925 kB |
10.684 kB 2.832 kB |
| react OverflowSet |
31.044 kB10.593 kB |
39.267 kB12.887 kB |
8.223 kB 2.294 kB |
| react Overlay |
38.784 kB13.401 kB |
46.924 kB15.675 kB |
8.14 kB 2.274 kB |
| react Panel |
194.946 kB58.34 kB |
205.766 kB61.235 kB |
10.82 kB 2.895 kB |
| react Persona |
111.705 kB35.58 kB |
120.574 kB38.062 kB |
8.869 kB 2.482 kB |
| react PersonaCoin |
111.705 kB35.58 kB |
120.574 kB38.062 kB |
8.869 kB 2.482 kB |
| react PersonaPresence |
55.928 kB18.715 kB |
64.061 kB21.015 kB |
8.133 kB 2.3 kB |
| react Pickers |
287.603 kB80.607 kB |
298.316 kB83.448 kB |
10.713 kB 2.841 kB |
| react Pivot |
184.252 kB55.823 kB |
195.03 kB58.642 kB |
10.778 kB 2.819 kB |
| react Popup |
12.032 kB4.114 kB |
12.242 kB4.181 kB |
210 B 67 B |
| react Positioning |
21.821 kB7.334 kB |
27.371 kB8.77 kB |
5.55 kB 1.436 kB |
| react PositioningContainer |
70.754 kB22.84 kB |
79.56 kB25.362 kB |
8.806 kB 2.522 kB |
| react ProgressIndicator |
37.498 kB12.906 kB |
45.516 kB15.132 kB |
8.018 kB 2.226 kB |
| react Rating |
78.989 kB25.18 kB |
87.968 kB27.658 kB |
8.979 kB 2.478 kB |
| react ScrollablePane |
53.538 kB17.113 kB |
61.485 kB19.452 kB |
7.947 kB 2.339 kB |
| react SearchBox |
182.982 kB55.1 kB |
193.58 kB57.906 kB |
10.598 kB 2.806 kB |
| react SelectedItemsList |
226.659 kB66.321 kB |
237.315 kB69.181 kB |
10.656 kB 2.86 kB |
| react Selection |
41.202 kB11.839 kB |
47.014 kB13.355 kB |
5.812 kB 1.516 kB |
| react Separator |
33.397 kB11.529 kB |
41.402 kB13.749 kB |
8.005 kB 2.22 kB |
| react Shimmer |
47.265 kB15.632 kB |
55.281 kB17.901 kB |
8.016 kB 2.269 kB |
| react ShimmeredDetailsList |
236.654 kB67.42 kB |
246.037 kB69.921 kB |
9.383 kB 2.501 kB |
| react Slider |
55.575 kB18.574 kB |
63.55 kB20.808 kB |
7.975 kB 2.234 kB |
| react SpinButton |
186.661 kB56.205 kB |
197.336 kB59.048 kB |
10.675 kB 2.843 kB |
| react Spinner |
39.691 kB13.815 kB |
47.709 kB16.059 kB |
8.018 kB 2.244 kB |
| react Stack |
40.761 kB13.931 kB |
46.301 kB15.405 kB |
5.54 kB 1.474 kB |
| react Sticky |
32.064 kB10.324 kB |
37.22 kB11.644 kB |
5.156 kB 1.32 kB |
| react Styling |
44.812 kB14.688 kB |
50.615 kB16.244 kB |
5.803 kB 1.556 kB |
| react SwatchColorPicker |
186.166 kB56.724 kB |
196.758 kB59.573 kB |
10.592 kB 2.849 kB |
| react TeachingBubble |
200.004 kB59.345 kB |
210.774 kB62.251 kB |
10.77 kB 2.906 kB |
| react Text |
35.931 kB12.486 kB |
41.473 kB14.009 kB |
5.542 kB 1.523 kB |
| react TextField |
78.587 kB24.642 kB |
86.773 kB26.949 kB |
8.186 kB 2.307 kB |
| react Theme |
42.456 kB13.773 kB |
48.087 kB15.296 kB |
5.631 kB 1.523 kB |
| react TimePicker |
235.197 kB68.29 kB |
246.153 kB71.215 kB |
10.956 kB 2.925 kB |
| react Toggle |
44.17 kB15.346 kB |
52.24 kB17.601 kB |
8.07 kB 2.255 kB |
| react Tooltip |
84.225 kB27.277 kB |
93.099 kB29.686 kB |
8.874 kB 2.409 kB |
| react Utilities |
71.851 kB21.843 kB |
82.947 kB25.013 kB |
11.096 kB 3.17 kB |
| react Viewport |
22.945 kB7.292 kB |
28.45 kB8.725 kB |
5.505 kB 1.433 kB |
| react WeeklyDayPicker |
98.762 kB30.828 kB |
107.872 kB33.451 kB |
9.11 kB 2.623 kB |
Unchanged fixtures
| Package & Exports | Size (minified/GZIP) |
|---|---|
| global-context createContext |
510 B328 B |
| global-context createContextSelector |
537 B339 B |
| keyboard-key keyboard-key package |
3.746 kB1.928 kB |
| priority-overflow createOverflowManager |
4.447 kB1.853 kB |
| react Autofill |
15.365 kB4.743 kB |
| react Color |
7.737 kB3.106 kB |
| react DateTimeUtilities |
5.244 kB1.849 kB |
| react DragDrop |
8.343 kB2.724 kB |
| react ResizeGroup |
13.286 kB4.365 kB |
| react ResponsiveMode |
8.078 kB2.95 kB |
| react SelectableOption |
724 B413 B |
| react ThemeGenerator |
12.34 kB4.106 kB |
| react WindowProvider |
1.059 kB541 B |
| react-accordion Accordion (including children components) |
100.127 kB30.426 kB |
| react-alert Alert |
83.737 kB23.474 kB |
| react-avatar Avatar |
50.175 kB15.944 kB |
| react-avatar AvatarGroup |
19.704 kB7.796 kB |
| react-avatar AvatarGroupItem |
64.831 kB20.274 kB |
| react-badge Badge |
26.905 kB8.729 kB |
| react-badge CounterBadge |
27.806 kB9.024 kB |
| react-badge PresenceBadge |
25.311 kB9.306 kB |
| react-breadcrumb @fluentui/react-breadcrumb - package |
115.48 kB31.84 kB |
| react-button Button |
39.513 kB11.169 kB |
| react-button CompoundButton |
46.874 kB12.661 kB |
| react-button MenuButton |
44.292 kB12.542 kB |
| react-button SplitButton |
52.306 kB14.134 kB |
| react-button ToggleButton |
56.559 kB13.068 kB |
| react-calendar-compat Calendar Compat |
152.073 kB39.83 kB |
| react-card Card - All |
101.557 kB28.932 kB |
| react-card Card |
96.382 kB27.401 kB |
| react-card CardFooter |
13.064 kB5.385 kB |
| react-card CardHeader |
15.307 kB6.143 kB |
| react-card CardPreview |
14.015 kB5.752 kB |
| react-checkbox Checkbox |
35.656 kB12.07 kB |
| react-combobox Combobox (including child components) |
102.463 kB33.101 kB |
| react-combobox Dropdown (including child components) |
103.837 kB33.038 kB |
| react-components react-components: Button, FluentProvider & webLightTheme |
70.732 kB20.465 kB |
| react-components react-components: Accordion, Button, FluentProvider, Image, Menu, Popover |
217.207 kB61.943 kB |
| react-components react-components: FluentProvider & webLightTheme |
43.219 kB14.299 kB |
| react-datepicker-compat DatePicker Compat |
224.519 kB62.94 kB |
| react-dialog Dialog (including children components) |
100.93 kB29.924 kB |
| react-divider Divider |
20.82 kB7.763 kB |
| react-field Field |
22.542 kB8.608 kB |
| react-image Image |
15.745 kB6.23 kB |
| react-infobutton InfoButton |
138.696 kB43.398 kB |
| react-infobutton InfoLabel |
142.497 kB44.627 kB |
| react-input Input |
26.887 kB9.118 kB |
| react-jsx-runtime Classic Pragma |
1.057 kB530 B |
| react-jsx-runtime JSX Dev Runtime |
3.783 kB1.648 kB |
| react-jsx-runtime JSX Runtime |
4.377 kB1.881 kB |
| react-label Label |
14.266 kB5.828 kB |
| react-link Link |
17.082 kB6.911 kB |
| react-menu Menu (including children components) |
149.428 kB45.509 kB |
| react-menu Menu (including selectable components) |
152.114 kB46.021 kB |
| react-message-bar MessageBar (all components) |
25.566 kB9.131 kB |
| react-northstar Accordion |
85.357 kB26.509 kB |
| react-northstar Alert |
87.425 kB26.91 kB |
| react-northstar Animation |
55.304 kB17.834 kB |
| react-northstar Attachment |
86.819 kB26.7 kB |
| react-northstar Avatar |
80.254 kB24.634 kB |
| react-northstar Box |
75.223 kB23.814 kB |
| react-northstar Breadcrumb |
79.889 kB24.707 kB |
| react-northstar Button |
83.135 kB25.957 kB |
| react-northstar Card |
82.674 kB25.027 kB |
| react-northstar Carousel |
105.15 kB31.882 kB |
| react-northstar Chat |
152.326 kB45.963 kB |
| react-northstar Checkbox |
79.782 kB25.085 kB |
| react-northstar Datepicker |
184.887 kB56.167 kB |
| react-northstar Debug |
8.801 kB3.594 kB |
| react-northstar Design |
36.564 kB12.07 kB |
| react-northstar Dialog |
112.02 kB33.638 kB |
| react-northstar Divider |
76.594 kB24.137 kB |
| react-northstar Dropdown |
196.43 kB59.442 kB |
| react-northstar Embed |
81.446 kB25.42 kB |
| react-northstar Flex |
47.702 kB15.45 kB |
| react-northstar Form |
92.492 kB28.881 kB |
| react-northstar Grid |
70.555 kB22.283 kB |
| react-northstar Header |
74.731 kB23.476 kB |
| react-northstar Image |
73.566 kB23.339 kB |
| react-northstar Input |
88.31 kB27.784 kB |
| react-northstar ItemLayout |
78.206 kB24.458 kB |
| react-northstar Label |
77.895 kB24.415 kB |
| react-northstar Layout |
75.368 kB23.806 kB |
| react-northstar List |
88.472 kB27.57 kB |
| react-northstar Loader |
78.591 kB24.745 kB |
| react-northstar Menu |
126.85 kB39.875 kB |
| react-northstar MenuButton |
161.254 kB48.881 kB |
| react-northstar Pill |
83.697 kB26.077 kB |
| react-northstar Popup |
133.56 kB41.486 kB |
| react-northstar Portal |
58.294 kB18.855 kB |
| react-northstar Provider |
93.114 kB29.626 kB |
| react-northstar RadioGroup |
83.25 kB26.056 kB |
| react-northstar Reaction |
77.255 kB24.138 kB |
| react-northstar Segment |
76.184 kB23.899 kB |
| react-northstar Skeleton |
77.74 kB24.21 kB |
| react-northstar Slider |
84.235 kB26.744 kB |
| react-northstar SplitButton |
176.487 kB52.632 kB |
| react-northstar Status |
76.247 kB24.059 kB |
| react-northstar SvgIcon |
36.819 kB11.744 kB |
| react-northstar Table |
80.765 kB25.159 kB |
| react-northstar Text |
74.089 kB23.522 kB |
| react-northstar TextArea |
74.223 kB23.501 kB |
| react-northstar Toolbar |
173.3 kB52.087 kB |
| react-northstar Tooltip |
108.23 kB34.491 kB |
| react-northstar Tree |
87.83 kB27.223 kB |
| react-northstar Video |
75.379 kB23.794 kB |
| react-overflow hooks only |
12.862 kB4.827 kB |
| react-persona Persona |
57.066 kB17.821 kB |
| react-popover Popover |
126.886 kB39.806 kB |
| react-portal Portal |
13.633 kB4.869 kB |
| react-portal-compat PortalCompatProvider |
7.944 kB2.588 kB |
| react-positioning usePositioning |
26.398 kB9.539 kB |
| react-progress ProgressBar |
17.428 kB6.898 kB |
| react-provider FluentProvider |
23.759 kB8.657 kB |
| react-radio Radio |
32.95 kB10.251 kB |
| react-radio RadioGroup |
15.354 kB6.265 kB |
| react-select Select |
28.609 kB10.205 kB |
| react-slider Slider |
39.949 kB12.968 kB |
| react-spinbutton SpinButton |
36.774 kB11.788 kB |
| react-spinner Spinner |
23.517 kB8.512 kB |
| react-switch Switch |
35.14 kB11.2 kB |
| react-table DataGrid |
165.168 kB45.902 kB |
| react-table Table (Primitives only) |
45.324 kB14.116 kB |
| react-table Table as DataGrid |
136.55 kB36.811 kB |
| react-table Table (Selection only) |
76.311 kB20.546 kB |
| react-table Table (Sort only) |
74.977 kB20.154 kB |
| react-tags InteractionTag |
15.259 kB6.058 kB |
| react-tags Tag |
29.982 kB9.439 kB |
| react-tags TagGroup |
80.556 kB24.027 kB |
| react-text Text - Default |
16.705 kB6.569 kB |
| react-text Text - Wrappers |
19.878 kB6.896 kB |
| react-textarea Textarea |
30.947 kB10.476 kB |
| react-theme Single theme token import |
69 B89 B |
| react-theme Teams: all themes |
34.616 kB7.317 kB |
| react-theme Teams: Light theme |
19.287 kB5.498 kB |
| react-timepicker-compat TimePicker |
104.484 kB34.49 kB |
| react-toast Toast (including Toaster) |
100.198 kB29.76 kB |
| react-tooltip Tooltip |
54.58 kB19.188 kB |
| react-utilities SSRProvider |
180 B160 B |
Perf Analysis (@fluentui/react-components)
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| FluentProviderWithTheme | mount | 75 | 84 | 10 | Possible regression |
All results
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| Avatar | mount | 634 | 627 | 5000 | |
| Button | mount | 302 | 305 | 5000 | |
| Field | mount | 1107 | 1143 | 5000 | |
| FluentProvider | mount | 687 | 711 | 5000 | |
| FluentProviderWithTheme | mount | 75 | 84 | 10 | Possible regression |
| FluentProviderWithTheme | virtual-rerender | 61 | 64 | 10 | |
| FluentProviderWithTheme | virtual-rerender-with-unmount | 77 | 75 | 10 | |
| MakeStyles | mount | 850 | 849 | 50000 | |
| Persona | mount | 1753 | 1669 | 5000 | |
| SpinButton | mount | 1377 | 1383 | 5000 |
Perf Analysis (@fluentui/react-northstar)
:warning: 1 potential perf regressions detected
Potential regressions comparing to master
| Scenario | Current PR Ticks | Baseline Ticks | Ratio | Regression Analysis |
|---|---|---|---|---|
| AccordionMinimalPerf.default | 85 | 86 | 0.99:1 | analysis |
Perf tests with no regressions
| Scenario | Current PR Ticks | Baseline Ticks | Ratio |
|---|---|---|---|
| AttachmentMinimalPerf.default | 81 | 72 | 1.13:1 |
| LoaderMinimalPerf.default | 195 | 175 | 1.11:1 |
| HeaderMinimalPerf.default | 214 | 197 | 1.09:1 |
| ListNestedPerf.default | 327 | 301 | 1.09:1 |
| PopupMinimalPerf.default | 359 | 335 | 1.07:1 |
| TreeWith60ListItems.default | 88 | 82 | 1.07:1 |
| ButtonSlotsPerf.default | 310 | 294 | 1.05:1 |
| DatepickerMinimalPerf.default | 3689 | 3518 | 1.05:1 |
| RadioGroupMinimalPerf.default | 255 | 243 | 1.05:1 |
| ReactionMinimalPerf.default | 223 | 212 | 1.05:1 |
| ChatWithPopoverPerf.default | 203 | 195 | 1.04:1 |
| EmbedMinimalPerf.default | 1917 | 1846 | 1.04:1 |
| FlexMinimalPerf.default | 159 | 153 | 1.04:1 |
| GridMinimalPerf.default | 189 | 181 | 1.04:1 |
| ListWith60ListItems.default | 380 | 367 | 1.04:1 |
| MenuMinimalPerf.default | 503 | 485 | 1.04:1 |
| SkeletonMinimalPerf.default | 206 | 198 | 1.04:1 |
| SplitButtonMinimalPerf.default | 2264 | 2187 | 1.04:1 |
| IconMinimalPerf.default | 408 | 391 | 1.04:1 |
| CardMinimalPerf.default | 314 | 304 | 1.03:1 |
| DropdownMinimalPerf.default | 1435 | 1398 | 1.03:1 |
| ImageMinimalPerf.default | 224 | 218 | 1.03:1 |
| LayoutMinimalPerf.default | 207 | 201 | 1.03:1 |
| TextMinimalPerf.default | 196 | 191 | 1.03:1 |
| BoxMinimalPerf.default | 187 | 183 | 1.02:1 |
| ListMinimalPerf.default | 309 | 303 | 1.02:1 |
| RefMinimalPerf.default | 107 | 105 | 1.02:1 |
| AnimationMinimalPerf.default | 297 | 294 | 1.01:1 |
| PortalMinimalPerf.default | 88 | 87 | 1.01:1 |
| ProviderMinimalPerf.default | 201 | 199 | 1.01:1 |
| TableManyItemsPerf.default | 1113 | 1098 | 1.01:1 |
| ToolbarMinimalPerf.default | 536 | 529 | 1.01:1 |
| AlertMinimalPerf.default | 157 | 157 | 1:1 |
| AttachmentSlotsPerf.default | 628 | 627 | 1:1 |
| CheckboxMinimalPerf.default | 1137 | 1138 | 1:1 |
| ListCommonPerf.default | 406 | 404 | 1:1 |
| MenuButtonMinimalPerf.default | 939 | 939 | 1:1 |
| ProviderMergeThemesPerf.default | 646 | 648 | 1:1 |
| SliderMinimalPerf.default | 729 | 732 | 1:1 |
| TableMinimalPerf.default | 237 | 236 | 1:1 |
| AvatarMinimalPerf.default | 107 | 108 | 0.99:1 |
| ChatDuplicateMessagesPerf.default | 149 | 150 | 0.99:1 |
| FormMinimalPerf.default | 214 | 216 | 0.99:1 |
| HeaderSlotsPerf.default | 449 | 453 | 0.99:1 |
| ItemLayoutMinimalPerf.default | 710 | 714 | 0.99:1 |
| StatusMinimalPerf.default | 383 | 388 | 0.99:1 |
| CustomToolbarPrototype.default | 1464 | 1476 | 0.99:1 |
| InputMinimalPerf.default | 533 | 546 | 0.98:1 |
| TreeMinimalPerf.default | 473 | 481 | 0.98:1 |
| DialogMinimalPerf.default | 439 | 454 | 0.97:1 |
| DropdownManyItemsPerf.default | 388 | 402 | 0.97:1 |
| LabelMinimalPerf.default | 216 | 223 | 0.97:1 |
| RosterPerf.default | 1512 | 1553 | 0.97:1 |
| TooltipMinimalPerf.default | 1237 | 1281 | 0.97:1 |
| CarouselMinimalPerf.default | 248 | 257 | 0.96:1 |
| ChatMinimalPerf.default | 428 | 445 | 0.96:1 |
| DividerMinimalPerf.default | 192 | 199 | 0.96:1 |
| ButtonMinimalPerf.default | 83 | 87 | 0.95:1 |
| SegmentMinimalPerf.default | 190 | 200 | 0.95:1 |
| TextAreaMinimalPerf.default | 277 | 291 | 0.95:1 |
| ButtonOverridesMissPerf.default | 636 | 675 | 0.94:1 |
| VideoMinimalPerf.default | 410 | 453 | 0.91:1 |
Perf Analysis (@fluentui/react)
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| ComboBox | mount | 651 | 1213 | 1000 | Possible regression |
| DefaultButton | mount | 751 | 1835 | 5000 | Possible regression |
| IconButton | mount | 1101 | 2183 | 5000 | Possible regression |
| MenuButton | mount | 960 | 2073 | 5000 | Possible regression |
| Nav | mount | 1934 | 4081 | 1000 | Possible regression |
| Panel | mount | 1779 | 2100 | 1000 | Possible regression |
| Pivot | mount | 876 | 1692 | 1000 | Possible regression |
| PrimaryButton | mount | 880 | 2127 | 5000 | Possible regression |
| SpinButton | mount | 2893 | 5443 | 5000 | Possible regression |
| SplitButton | mount | 1849 | 4378 | 5000 | Possible regression |
All results
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| BaseButton | mount | 644 | 637 | 5000 | |
| Breadcrumb | mount | 1739 | 1796 | 1000 | |
| Checkbox | mount | 1728 | 1761 | 5000 | |
| CheckboxBase | mount | 1480 | 1554 | 5000 | |
| ChoiceGroup | mount | 3042 | 3234 | 5000 | |
| ComboBox | mount | 651 | 1213 | 1000 | Possible regression |
| CommandBar | mount | 6433 | 11574 | 1000 | |
| ContextualMenu | mount | 14673 | 15095 | 1000 | |
| DefaultButton | mount | 751 | 1835 | 5000 | Possible regression |
| DetailsRow | mount | 2194 | 2334 | 5000 | |
| DetailsRowFast | mount | 2215 | 2290 | 5000 | |
| DetailsRowNoStyles | mount | 2073 | 2095 | 5000 | |
| Dialog | mount | 2623 | 2882 | 1000 | |
| DocumentCardTitle | mount | 232 | 240 | 1000 | |
| Dropdown | mount | 1969 | 2118 | 5000 | |
| FocusTrapZone | mount | 1096 | 1174 | 5000 | |
| FocusZone | mount | 1097 | 1107 | 5000 | |
| GroupedList | mount | 42234 | 43642 | 2 | |
| GroupedList | virtual-rerender | 20011 | 20693 | 2 | |
| GroupedList | virtual-rerender-with-unmount | 51656 | 53641 | 2 | |
| GroupedListV2 | mount | 239 | 232 | 2 | |
| GroupedListV2 | virtual-rerender | 216 | 224 | 2 | |
| GroupedListV2 | virtual-rerender-with-unmount | 236 | 237 | 2 | |
| IconButton | mount | 1101 | 2183 | 5000 | Possible regression |
| Label | mount | 342 | 366 | 5000 | |
| Layer | mount | 2783 | 2844 | 5000 | |
| Link | mount | 398 | 430 | 5000 | |
| MenuButton | mount | 960 | 2073 | 5000 | Possible regression |
| MessageBar | mount | 21918 | 21863 | 5000 | |
| Nav | mount | 1934 | 4081 | 1000 | Possible regression |
| OverflowSet | mount | 817 | 810 | 5000 | |
| Panel | mount | 1779 | 2100 | 1000 | Possible regression |
| Persona | mount | 761 | 794 | 1000 | |
| Pivot | mount | 876 | 1692 | 1000 | Possible regression |
| PrimaryButton | mount | 880 | 2127 | 5000 | Possible regression |
| Rating | mount | 4615 | 5072 | 5000 | |
| SearchBox | mount | 927 | 965 | 5000 | |
| Shimmer | mount | 1868 | 2064 | 5000 | |
| Slider | mount | 1329 | 1461 | 5000 | |
| SpinButton | mount | 2893 | 5443 | 5000 | Possible regression |
| Spinner | mount | 386 | 424 | 5000 | |
| SplitButton | mount | 1849 | 4378 | 5000 | Possible regression |
| Stack | mount | 408 | 422 | 5000 | |
| StackWithIntrinsicChildren | mount | 857 | 873 | 5000 | |
| StackWithTextChildren | mount | 2625 | 2635 | 5000 | |
| SwatchColorPicker | mount | 6227 | 6961 | 5000 | |
| TagPicker | mount | 1470 | 1533 | 5000 | |
| Text | mount | 379 | 380 | 5000 | |
| TextField | mount | 965 | 1014 | 5000 | |
| ThemeProvider | mount | 860 | 865 | 5000 | |
| ThemeProvider | virtual-rerender | 583 | 589 | 5000 | |
| ThemeProvider | virtual-rerender-with-unmount | 1307 | 1280 | 5000 | |
| Toggle | mount | 612 | 644 | 5000 | |
| buttonNative | mount | 196 | 191 | 5000 |
![azure-pipelines[bot] avatar](https://avatars.githubusercontent.com/in/9426?v=4 "Published by a pub.dev verified publisher"){kind=small}