metamask-extension
metamask-extension copied to clipboard
MetaMask
fix: Open `VisitSupportDataConsentModal` when `GlobalMenu` "Support" button is clicked
Description
Open VisitSupportDataConsentModal when Global ("3-dot") menu - "Support" is clicked.
Replicates the behavior of clicking Settings - About - "Visit our support center", as implemented in https://github.com/MetaMask/metamask-extension/pull/30415.
Related issues
- Fixes https://github.com/MetaMask/MetaMask-planning/issues/5163
Manual testing steps
- Go to this page...
Screenshots/Recordings
Before
After
https://github.com/user-attachments/assets/37f60958-f7af-4d09-909a-069c78d5a472
Pre-merge author checklist
- [ ] I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
- [ ] I've completed the PR template to the best of my ability
- [ ] I’ve included tests if applicable
- [ ] I’ve documented my code using JSDoc format if applicable
- [ ] I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.
Pre-merge reviewer checklist
- [ ] I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
- [ ] I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.
CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.
![github-actions[bot] avatar](https://avatars.githubusercontent.com/in/15368?v=4 "Published by a pub.dev verified publisher"){kind=small}
✨ Files requiring CODEOWNER review ✨
🖥️ @MetaMask/wallet-ux (4 files, +69 -13)
- 📁 ui/
- 📁 components/
- 📁 multichain/
- 📁 app-header/
- 📄
app-header-unlocked-content.tsx+14 -1 - 📄
app-header.test.js+53 -0
- 📄
- 📁 global-menu/
- 📄
global-menu.test.tsx+0 -11 - 📄
global-menu.tsx+2 -1
- 📄
- 📁 app-header/
- 📁 multichain/
- 📁 components/
Builds ready [4cf9148]
- builds: chrome, firefox
- builds (beta): chrome, firefox
- builds (flask): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- bundle size: Bundle Size Stats
- user-actions-benchmark: User Actions Stats
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
UI Startup Metrics (1213 ± 65 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Home | uiStartup | 1213 | 1083 | 1385 | 65 | 1253 | 1342 |
| load | 1055 | 944 | 1225 | 61 | 1085 | 1179 | |||
| domContentLoaded | 1048 | 938 | 1220 | 62 | 1077 | 1173 | |||
| domInteractive | 16 | 13 | 36 | 4 | 16 | 29 | |||
| firstPaint | 744 | 95 | 1197 | 417 | 1075 | 1160 | |||
| backgroundConnect | 7 | 4 | 33 | 6 | 7 | 26 | |||
| firstReactRender | 21 | 16 | 46 | 6 | 20 | 37 | |||
| getState | 14 | 5 | 50 | 8 | 19 | 27 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 803 | 693 | 979 | 61 | 833 | 922 | |||
| setupStore | 8 | 5 | 16 | 2 | 8 | 13 | |||
| Webpack | Home | uiStartup | 2065 | 1618 | 2540 | 201 | 2200 | 2386 | |
| load | 1609 | 1218 | 2092 | 171 | 1728 | 1852 | |||
| domContentLoaded | 1603 | 1213 | 2088 | 170 | 1721 | 1847 | |||
| domInteractive | 16 | 12 | 63 | 11 | 13 | 44 | |||
| firstPaint | 149 | 65 | 334 | 50 | 169 | 251 | |||
| backgroundConnect | 20 | 11 | 37 | 5 | 23 | 28 | |||
| firstReactRender | 131 | 46 | 360 | 108 | 118 | 348 | |||
| getState | 12 | 4 | 319 | 31 | 10 | 15 | |||
| initialActions | 5 | 1 | 286 | 28 | 3 | 4 | |||
| loadScripts | 1600 | 1211 | 2078 | 169 | 1720 | 1846 | |||
| setupStore | 57 | 7 | 321 | 104 | 19 | 317 | |||
| Firefox | Browserify | Home | uiStartup | 1299 | 1173 | 1489 | 70 | 1343 | 1447 |
| load | 1156 | 1043 | 1366 | 70 | 1198 | 1299 | |||
| domContentLoaded | 1156 | 1043 | 1366 | 70 | 1197 | 1298 | |||
| domInteractive | 100 | 34 | 185 | 26 | 114 | 143 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 19 | 13 | 45 | 5 | 20 | 26 | |||
| firstReactRender | 22 | 20 | 28 | 1 | 23 | 26 | |||
| getState | 8 | 4 | 37 | 5 | 8 | 9 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1140 | 1029 | 1351 | 69 | 1177 | 1282 | |||
| setupStore | 6 | 4 | 30 | 3 | 6 | 10 | |||
| Webpack | Home | uiStartup | 1509 | 1354 | 1736 | 103 | 1594 | 1705 | |
| load | 1316 | 1171 | 1548 | 105 | 1408 | 1506 | |||
| domContentLoaded | 1316 | 1171 | 1548 | 105 | 1407 | 1506 | |||
| domInteractive | 78 | 30 | 152 | 16 | 84 | 114 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 20 | 15 | 44 | 4 | 21 | 27 | |||
| firstReactRender | 40 | 33 | 46 | 3 | 42 | 44 | |||
| getState | 8 | 4 | 31 | 5 | 8 | 20 | |||
| initialActions | 0 | 0 | 1 | 0 | 1 | 1 | |||
| loadScripts | 1298 | 1151 | 1531 | 106 | 1379 | 1490 | |||
| setupStore | 8 | 5 | 29 | 4 | 8 | 10 |
Benchmark value 57 exceeds gate value 32 for chrome webpack home mean setupStore
Benchmark value 317 exceeds gate value 65 for chrome webpack home p95 setupStore
Benchmark value 40 exceeds gate value 38 for firefox webpack home mean firstReactRender
Sum of mean exceeds: 27ms | Sum of p95 exceeds: 260ms
Sum of all benchmark exceeds: 287ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 17 Bytes (0%)
- ui: 3.06 KiB (0.04%)
- common: 1.47 KiB (0.02%)
Builds ready [0d61ae4]
- builds: chrome, firefox
- builds (beta): chrome, firefox
- builds (flask): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- bundle size: Bundle Size Stats
- user-actions-benchmark: User Actions Stats
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
UI Startup Metrics (1200 ± 59 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Home | uiStartup | 1200 | 1094 | 1419 | 59 | 1231 | 1305 |
| load | 1041 | 940 | 1182 | 55 | 1071 | 1147 | |||
| domContentLoaded | 1035 | 936 | 1179 | 55 | 1063 | 1137 | |||
| domInteractive | 17 | 14 | 40 | 5 | 16 | 31 | |||
| firstPaint | 780 | 159 | 1161 | 390 | 1055 | 1137 | |||
| backgroundConnect | 7 | 4 | 27 | 4 | 7 | 10 | |||
| firstReactRender | 20 | 16 | 36 | 3 | 20 | 24 | |||
| getState | 14 | 6 | 49 | 8 | 19 | 27 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 790 | 700 | 918 | 55 | 818 | 900 | |||
| setupStore | 8 | 5 | 16 | 2 | 8 | 12 | |||
| Webpack | Home | uiStartup | 2019 | 1583 | 2550 | 220 | 2185 | 2389 | |
| load | 1574 | 1210 | 1989 | 180 | 1709 | 1838 | |||
| domContentLoaded | 1569 | 1202 | 1981 | 179 | 1704 | 1829 | |||
| domInteractive | 17 | 11 | 178 | 20 | 13 | 55 | |||
| firstPaint | 159 | 67 | 585 | 70 | 168 | 282 | |||
| backgroundConnect | 23 | 10 | 426 | 41 | 21 | 31 | |||
| firstReactRender | 117 | 46 | 360 | 95 | 101 | 344 | |||
| getState | 15 | 4 | 306 | 40 | 11 | 20 | |||
| initialActions | 2 | 1 | 6 | 1 | 3 | 4 | |||
| loadScripts | 1566 | 1197 | 1970 | 178 | 1701 | 1818 | |||
| setupStore | 50 | 7 | 319 | 97 | 17 | 307 | |||
| Firefox | Browserify | Home | uiStartup | 1290 | 1156 | 1515 | 78 | 1331 | 1477 |
| load | 1145 | 1031 | 1386 | 74 | 1181 | 1328 | |||
| domContentLoaded | 1145 | 1031 | 1386 | 74 | 1181 | 1328 | |||
| domInteractive | 97 | 35 | 194 | 25 | 103 | 141 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 19 | 14 | 50 | 6 | 20 | 27 | |||
| firstReactRender | 23 | 20 | 47 | 3 | 24 | 28 | |||
| getState | 7 | 4 | 37 | 4 | 8 | 9 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1127 | 1021 | 1360 | 72 | 1158 | 1303 | |||
| setupStore | 6 | 4 | 37 | 4 | 6 | 11 | |||
| Webpack | Home | uiStartup | 1501 | 1355 | 1745 | 95 | 1554 | 1703 | |
| load | 1301 | 1161 | 1559 | 94 | 1334 | 1507 | |||
| domContentLoaded | 1301 | 1160 | 1558 | 94 | 1334 | 1507 | |||
| domInteractive | 77 | 33 | 114 | 13 | 83 | 104 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 22 | 15 | 45 | 5 | 23 | 32 | |||
| firstReactRender | 41 | 29 | 55 | 4 | 44 | 47 | |||
| getState | 8 | 5 | 29 | 4 | 9 | 13 | |||
| initialActions | 0 | 0 | 1 | 0 | 1 | 1 | |||
| loadScripts | 1281 | 1143 | 1540 | 94 | 1315 | 1489 | |||
| setupStore | 8 | 5 | 28 | 4 | 8 | 15 |
Benchmark value 307 exceeds gate value 65 for chrome webpack home p95 setupStore
Benchmark value 42 exceeds gate value 38 for firefox webpack home mean firstReactRender
Sum of mean exceeds: 22ms | Sum of p95 exceeds: 242ms
Sum of all benchmark exceeds: 264ms
Bundle size diffs
- background: 0 Bytes (0%)
- ui: 254 Bytes (0%)
- common: 0 Bytes (0%)
Builds ready [df21027]
- builds: chrome, firefox
- builds (beta): chrome, firefox
- builds (flask): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- bundle size: Bundle Size Stats
- user-actions-benchmark: User Actions Stats
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
UI Startup Metrics (1183 ± 64 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Home | uiStartup | 1183 | 1089 | 1417 | 64 | 1211 | 1323 |
| load | 1015 | 915 | 1242 | 64 | 1037 | 1169 | |||
| domContentLoaded | 1007 | 906 | 1235 | 64 | 1030 | 1161 | |||
| domInteractive | 18 | 14 | 44 | 6 | 16 | 36 | |||
| firstPaint | 724 | 90 | 1211 | 395 | 1023 | 1119 | |||
| backgroundConnect | 9 | 4 | 32 | 5 | 8 | 25 | |||
| firstReactRender | 21 | 17 | 46 | 5 | 22 | 33 | |||
| getState | 15 | 6 | 37 | 8 | 21 | 31 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 0 | |||
| loadScripts | 804 | 707 | 1030 | 63 | 825 | 954 | |||
| setupStore | 9 | 5 | 28 | 4 | 9 | 17 | |||
| Webpack | Home | uiStartup | 2255 | 1701 | 2703 | 205 | 2357 | 2658 | |
| load | 1721 | 1273 | 2050 | 167 | 1797 | 1983 | |||
| domContentLoaded | 1714 | 1269 | 2033 | 166 | 1793 | 1974 | |||
| domInteractive | 17 | 12 | 68 | 12 | 14 | 56 | |||
| firstPaint | 165 | 64 | 742 | 85 | 183 | 316 | |||
| backgroundConnect | 22 | 13 | 60 | 8 | 24 | 40 | |||
| firstReactRender | 237 | 92 | 474 | 111 | 359 | 407 | |||
| getState | 13 | 5 | 48 | 8 | 14 | 30 | |||
| initialActions | 2 | 1 | 8 | 1 | 3 | 5 | |||
| loadScripts | 1711 | 1267 | 2022 | 164 | 1791 | 1963 | |||
| setupStore | 15 | 7 | 52 | 7 | 18 | 27 | |||
| Firefox | Browserify | Home | uiStartup | 1412 | 1214 | 1957 | 130 | 1465 | 1651 |
| load | 1229 | 1077 | 1502 | 88 | 1301 | 1394 | |||
| domContentLoaded | 1229 | 1076 | 1501 | 88 | 1301 | 1394 | |||
| domInteractive | 124 | 36 | 469 | 70 | 139 | 296 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 24 | 13 | 149 | 18 | 24 | 41 | |||
| firstReactRender | 26 | 22 | 85 | 6 | 26 | 30 | |||
| getState | 15 | 5 | 371 | 38 | 9 | 30 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1209 | 1059 | 1483 | 86 | 1281 | 1369 | |||
| setupStore | 12 | 4 | 187 | 24 | 10 | 45 | |||
| Webpack | Home | uiStartup | 1699 | 1425 | 3682 | 281 | 1791 | 2151 | |
| load | 1443 | 1232 | 2009 | 158 | 1548 | 1773 | |||
| domContentLoaded | 1442 | 1231 | 2008 | 158 | 1547 | 1773 | |||
| domInteractive | 111 | 64 | 576 | 89 | 96 | 330 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 24 | 16 | 172 | 16 | 24 | 39 | |||
| firstReactRender | 44 | 32 | 68 | 5 | 46 | 50 | |||
| getState | 35 | 8 | 1609 | 162 | 14 | 40 | |||
| initialActions | 0 | 0 | 1 | 0 | 1 | 1 | |||
| loadScripts | 1422 | 1214 | 1988 | 157 | 1526 | 1750 | |||
| setupStore | 16 | 5 | 243 | 34 | 9 | 43 |
Benchmark value 16 exceeds gate value 15 for chrome browserify home mean getState
Benchmark value 25 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 954 exceeds gate value 940 for chrome browserify home p95 loadScripts
Benchmark value 2256 exceeds gate value 2192 for chrome webpack home mean uiStartup
Benchmark value 1721 exceeds gate value 1711 for chrome webpack home mean load
Benchmark value 1715 exceeds gate value 1704 for chrome webpack home mean domContentLoaded
Benchmark value 237 exceeds gate value 235 for chrome webpack home mean firstReactRender
Benchmark value 1712 exceeds gate value 1699 for chrome webpack home mean loadScripts
Benchmark value 2658 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 407 exceeds gate value 370 for chrome webpack home p95 firstReactRender
Benchmark value 1412 exceeds gate value 1405 for firefox browserify home mean uiStartup
Benchmark value 124 exceeds gate value 110 for firefox browserify home mean domInteractive
Benchmark value 26 exceeds gate value 25 for firefox browserify home mean firstReactRender
Benchmark value 15 exceeds gate value 11 for firefox browserify home mean getState
Benchmark value 13 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 296 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 30 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 45 exceeds gate value 27 for firefox browserify home p95 setupStore
Benchmark value 1699 exceeds gate value 1615 for firefox webpack home mean uiStartup
Benchmark value 1443 exceeds gate value 1380 for firefox webpack home mean load
Benchmark value 1443 exceeds gate value 1380 for firefox webpack home mean domContentLoaded
Benchmark value 111 exceeds gate value 100 for firefox webpack home mean domInteractive
Benchmark value 44 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 35 exceeds gate value 15 for firefox webpack home mean getState
Benchmark value 1423 exceeds gate value 1360 for firefox webpack home mean loadScripts
Benchmark value 17 exceeds gate value 13 for firefox webpack home mean setupStore
Benchmark value 2151 exceeds gate value 1935 for firefox webpack home p95 uiStartup
Benchmark value 1773 exceeds gate value 1660 for firefox webpack home p95 load
Benchmark value 1773 exceeds gate value 1660 for firefox webpack home p95 domContentLoaded
Benchmark value 330 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 40 exceeds gate value 32 for firefox webpack home p95 getState
Benchmark value 1750 exceeds gate value 1630 for firefox webpack home p95 loadScripts
Benchmark value 43 exceeds gate value 28 for firefox webpack home p95 setupStore
Sum of mean exceeds: 445ms | Sum of p95 exceeds: 1146ms
Sum of all benchmark exceeds: 1591ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 236.8 KiB (4.48%)
- ui: 68.08 KiB (0.95%)
- common: 107.02 KiB (1.29%)
Builds ready [214ea37]
- builds: chrome, firefox
- builds (beta): chrome, firefox
- builds (flask): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- bundle size: Bundle Size Stats
- user-actions-benchmark: User Actions Stats
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
UI Startup Metrics (1171 ± 56 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Home | uiStartup | 1171 | 1074 | 1307 | 56 | 1222 | 1263 |
| load | 1001 | 910 | 1135 | 51 | 1033 | 1093 | |||
| domContentLoaded | 994 | 905 | 1118 | 51 | 1026 | 1087 | |||
| domInteractive | 18 | 13 | 127 | 12 | 16 | 37 | |||
| firstPaint | 685 | 81 | 1124 | 387 | 1008 | 1079 | |||
| backgroundConnect | 7 | 4 | 33 | 4 | 8 | 17 | |||
| firstReactRender | 22 | 16 | 44 | 6 | 23 | 38 | |||
| getState | 14 | 6 | 45 | 8 | 19 | 28 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 792 | 706 | 917 | 50 | 823 | 885 | |||
| setupStore | 9 | 5 | 28 | 4 | 8 | 17 | |||
| Webpack | Home | uiStartup | 2214 | 1746 | 2771 | 235 | 2362 | 2715 | |
| load | 1671 | 1290 | 2095 | 192 | 1786 | 2042 | |||
| domContentLoaded | 1665 | 1286 | 2072 | 190 | 1782 | 2025 | |||
| domInteractive | 19 | 12 | 96 | 17 | 14 | 68 | |||
| firstPaint | 162 | 64 | 432 | 63 | 189 | 291 | |||
| backgroundConnect | 25 | 9 | 288 | 28 | 27 | 42 | |||
| firstReactRender | 252 | 94 | 437 | 117 | 382 | 404 | |||
| getState | 16 | 5 | 323 | 32 | 16 | 35 | |||
| initialActions | 2 | 1 | 6 | 1 | 3 | 4 | |||
| loadScripts | 1661 | 1284 | 2061 | 189 | 1776 | 2014 | |||
| setupStore | 23 | 7 | 319 | 43 | 19 | 34 | |||
| Firefox | Browserify | Home | uiStartup | 1408 | 1217 | 2063 | 154 | 1492 | 1717 |
| load | 1223 | 1074 | 1557 | 104 | 1277 | 1410 | |||
| domContentLoaded | 1223 | 1074 | 1557 | 104 | 1276 | 1409 | |||
| domInteractive | 126 | 36 | 486 | 77 | 127 | 317 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 24 | 14 | 117 | 17 | 24 | 59 | |||
| firstReactRender | 25 | 22 | 53 | 4 | 26 | 36 | |||
| getState | 16 | 5 | 258 | 36 | 9 | 38 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1203 | 1059 | 1530 | 104 | 1260 | 1382 | |||
| setupStore | 14 | 4 | 291 | 35 | 10 | 31 | |||
| Webpack | Home | uiStartup | 1591 | 1359 | 2290 | 205 | 1662 | 2009 | |
| load | 1363 | 1170 | 1938 | 143 | 1460 | 1617 | |||
| domContentLoaded | 1362 | 1169 | 1938 | 142 | 1459 | 1616 | |||
| domInteractive | 99 | 30 | 547 | 75 | 90 | 284 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 22 | 15 | 82 | 9 | 23 | 41 | |||
| firstReactRender | 41 | 35 | 50 | 3 | 43 | 47 | |||
| getState | 21 | 6 | 503 | 56 | 12 | 55 | |||
| initialActions | 1 | 0 | 2 | 1 | 1 | 1 | |||
| loadScripts | 1344 | 1154 | 1918 | 142 | 1443 | 1596 | |||
| setupStore | 11 | 5 | 216 | 21 | 9 | 24 |
Benchmark value 252 exceeds gate value 235 for chrome webpack home mean firstReactRender
Benchmark value 2715 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 2043 exceeds gate value 2030 for chrome webpack home p95 load
Benchmark value 2026 exceeds gate value 2005 for chrome webpack home p95 domContentLoaded
Benchmark value 68 exceeds gate value 57 for chrome webpack home p95 domInteractive
Benchmark value 404 exceeds gate value 370 for chrome webpack home p95 firstReactRender
Benchmark value 2015 exceeds gate value 1970 for chrome webpack home p95 loadScripts
Benchmark value 1408 exceeds gate value 1405 for firefox browserify home mean uiStartup
Benchmark value 126 exceeds gate value 110 for firefox browserify home mean domInteractive
Benchmark value 26 exceeds gate value 25 for firefox browserify home mean firstReactRender
Benchmark value 16 exceeds gate value 11 for firefox browserify home mean getState
Benchmark value 14 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 1717 exceeds gate value 1660 for firefox browserify home p95 uiStartup
Benchmark value 317 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 38 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 31 exceeds gate value 27 for firefox browserify home p95 setupStore
Benchmark value 42 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 21 exceeds gate value 15 for firefox webpack home mean getState
Benchmark value 2009 exceeds gate value 1935 for firefox webpack home p95 uiStartup
Benchmark value 284 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 55 exceeds gate value 32 for firefox webpack home p95 getState
Sum of mean exceeds: 80ms | Sum of p95 exceeds: 807ms
Sum of all benchmark exceeds: 887ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 23 Bytes (0%)
- ui: 346 Bytes (0%)
- common: 453 Bytes (0.01%)
Builds ready [a775a03]
- builds: chrome, firefox
- builds (beta): chrome, firefox
- builds (flask): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- bundle size: Bundle Size Stats
- user-actions-benchmark: User Actions Stats
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
UI Startup Metrics (1204 ± 69 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Home | uiStartup | 1204 | 1061 | 1466 | 69 | 1247 | 1323 |
| load | 1028 | 880 | 1194 | 66 | 1075 | 1143 | |||
| domContentLoaded | 1022 | 874 | 1187 | 65 | 1066 | 1137 | |||
| domInteractive | 19 | 14 | 148 | 14 | 17 | 32 | |||
| firstPaint | 656 | 73 | 1158 | 406 | 1028 | 1102 | |||
| backgroundConnect | 8 | 4 | 24 | 3 | 8 | 12 | |||
| firstReactRender | 25 | 16 | 176 | 17 | 24 | 43 | |||
| getState | 14 | 6 | 32 | 7 | 19 | 26 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 814 | 670 | 975 | 64 | 861 | 933 | |||
| setupStore | 9 | 5 | 35 | 4 | 9 | 19 | |||
| Webpack | Home | uiStartup | 2240 | 1778 | 2746 | 219 | 2337 | 2682 | |
| load | 1717 | 1332 | 2044 | 188 | 1817 | 2021 | |||
| domContentLoaded | 1711 | 1328 | 2033 | 187 | 1813 | 1996 | |||
| domInteractive | 18 | 12 | 90 | 16 | 15 | 62 | |||
| firstPaint | 168 | 67 | 449 | 66 | 198 | 301 | |||
| backgroundConnect | 21 | 11 | 52 | 8 | 24 | 40 | |||
| firstReactRender | 227 | 91 | 418 | 108 | 356 | 407 | |||
| getState | 12 | 5 | 78 | 9 | 13 | 31 | |||
| initialActions | 2 | 1 | 5 | 1 | 3 | 4 | |||
| loadScripts | 1708 | 1327 | 2021 | 186 | 1811 | 1989 | |||
| setupStore | 18 | 7 | 274 | 26 | 18 | 25 | |||
| Firefox | Browserify | Home | uiStartup | 1366 | 1197 | 2029 | 137 | 1417 | 1636 |
| load | 1197 | 1041 | 1739 | 107 | 1260 | 1396 | |||
| domContentLoaded | 1196 | 1041 | 1738 | 107 | 1260 | 1396 | |||
| domInteractive | 116 | 35 | 574 | 80 | 112 | 346 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 23 | 13 | 256 | 25 | 20 | 38 | |||
| firstReactRender | 24 | 21 | 53 | 4 | 25 | 30 | |||
| getState | 12 | 5 | 185 | 20 | 8 | 37 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1177 | 1026 | 1532 | 99 | 1242 | 1376 | |||
| setupStore | 11 | 4 | 91 | 16 | 10 | 62 | |||
| Webpack | Home | uiStartup | 1583 | 1364 | 3243 | 258 | 1639 | 1994 | |
| load | 1352 | 1183 | 3029 | 216 | 1430 | 1672 | |||
| domContentLoaded | 1351 | 1183 | 3028 | 216 | 1429 | 1672 | |||
| domInteractive | 93 | 31 | 324 | 54 | 96 | 272 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 25 | 16 | 67 | 9 | 25 | 46 | |||
| firstReactRender | 42 | 34 | 49 | 3 | 44 | 48 | |||
| getState | 20 | 7 | 282 | 37 | 14 | 41 | |||
| initialActions | 0 | 0 | 1 | 0 | 1 | 1 | |||
| loadScripts | 1331 | 1169 | 3007 | 216 | 1403 | 1653 | |||
| setupStore | 13 | 5 | 329 | 34 | 8 | 33 |
Benchmark value 19 exceeds gate value 17 for chrome browserify home p95 setupStore
Benchmark value 2240 exceeds gate value 2192 for chrome webpack home mean uiStartup
Benchmark value 1718 exceeds gate value 1711 for chrome webpack home mean load
Benchmark value 1712 exceeds gate value 1704 for chrome webpack home mean domContentLoaded
Benchmark value 1709 exceeds gate value 1699 for chrome webpack home mean loadScripts
Benchmark value 2682 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 62 exceeds gate value 57 for chrome webpack home p95 domInteractive
Benchmark value 407 exceeds gate value 370 for chrome webpack home p95 firstReactRender
Benchmark value 1989 exceeds gate value 1970 for chrome webpack home p95 loadScripts
Benchmark value 116 exceeds gate value 110 for firefox browserify home mean domInteractive
Benchmark value 12 exceeds gate value 11 for firefox browserify home mean getState
Benchmark value 12 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 346 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 37 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 62 exceeds gate value 27 for firefox browserify home p95 setupStore
Benchmark value 42 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 21 exceeds gate value 15 for firefox webpack home mean getState
Benchmark value 14 exceeds gate value 13 for firefox webpack home mean setupStore
Benchmark value 1994 exceeds gate value 1935 for firefox webpack home p95 uiStartup
Benchmark value 1672 exceeds gate value 1660 for firefox webpack home p95 load
Benchmark value 1672 exceeds gate value 1660 for firefox webpack home p95 domContentLoaded
Benchmark value 272 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 41 exceeds gate value 32 for firefox webpack home p95 getState
Benchmark value 1653 exceeds gate value 1630 for firefox webpack home p95 loadScripts
Benchmark value 33 exceeds gate value 28 for firefox webpack home p95 setupStore
Sum of mean exceeds: 96ms | Sum of p95 exceeds: 726ms
Sum of all benchmark exceeds: 822ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 23 Bytes (0%)
- ui: 346 Bytes (0%)
- common: 453 Bytes (0.01%)
Builds ready [e12c193]
- builds: chrome, firefox
- builds (beta): chrome, firefox
- builds (flask): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- bundle size: Bundle Size Stats
- user-actions-benchmark: User Actions Stats
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
UI Startup Metrics (1199 ± 72 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Home | uiStartup | 1199 | 1096 | 1570 | 72 | 1245 | 1313 |
| load | 1021 | 914 | 1339 | 63 | 1061 | 1124 | |||
| domContentLoaded | 1013 | 898 | 1330 | 65 | 1055 | 1117 | |||
| domInteractive | 17 | 14 | 62 | 6 | 17 | 28 | |||
| firstPaint | 691 | 129 | 1345 | 406 | 1034 | 1104 | |||
| backgroundConnect | 9 | 4 | 124 | 13 | 8 | 24 | |||
| firstReactRender | 25 | 16 | 80 | 10 | 25 | 48 | |||
| getState | 14 | 6 | 40 | 8 | 20 | 31 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 808 | 688 | 1124 | 64 | 848 | 909 | |||
| setupStore | 9 | 5 | 27 | 4 | 9 | 20 | |||
| Webpack | Home | uiStartup | 2201 | 1698 | 2743 | 223 | 2304 | 2672 | |
| load | 1677 | 1228 | 2053 | 190 | 1783 | 2019 | |||
| domContentLoaded | 1671 | 1224 | 2048 | 189 | 1778 | 2014 | |||
| domInteractive | 19 | 12 | 121 | 19 | 14 | 54 | |||
| firstPaint | 173 | 65 | 1749 | 170 | 199 | 279 | |||
| backgroundConnect | 23 | 10 | 166 | 18 | 24 | 59 | |||
| firstReactRender | 231 | 91 | 434 | 120 | 372 | 407 | |||
| getState | 12 | 5 | 44 | 7 | 13 | 32 | |||
| initialActions | 2 | 1 | 5 | 1 | 3 | 4 | |||
| loadScripts | 1668 | 1222 | 2038 | 188 | 1776 | 2003 | |||
| setupStore | 15 | 7 | 39 | 7 | 18 | 30 | |||
| Firefox | Browserify | Home | uiStartup | 1377 | 1172 | 1980 | 138 | 1420 | 1638 |
| load | 1204 | 1047 | 1658 | 98 | 1257 | 1390 | |||
| domContentLoaded | 1204 | 1047 | 1658 | 98 | 1256 | 1390 | |||
| domInteractive | 129 | 36 | 604 | 93 | 123 | 390 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 27 | 13 | 229 | 29 | 24 | 95 | |||
| firstReactRender | 24 | 21 | 45 | 3 | 26 | 29 | |||
| getState | 14 | 5 | 220 | 29 | 9 | 38 | |||
| initialActions | 0 | 0 | 2 | 0 | 0 | 1 | |||
| loadScripts | 1181 | 1034 | 1640 | 97 | 1241 | 1371 | |||
| setupStore | 9 | 4 | 144 | 16 | 8 | 27 | |||
| Webpack | Home | uiStartup | 1626 | 1356 | 2915 | 221 | 1710 | 2014 | |
| load | 1407 | 1173 | 2427 | 179 | 1490 | 1671 | |||
| domContentLoaded | 1407 | 1172 | 2426 | 179 | 1490 | 1671 | |||
| domInteractive | 105 | 31 | 452 | 76 | 95 | 299 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 27 | 14 | 241 | 32 | 24 | 50 | |||
| firstReactRender | 42 | 37 | 56 | 4 | 45 | 49 | |||
| getState | 14 | 7 | 104 | 14 | 12 | 35 | |||
| initialActions | 0 | 0 | 2 | 1 | 1 | 1 | |||
| loadScripts | 1386 | 1156 | 2365 | 171 | 1472 | 1618 | |||
| setupStore | 9 | 5 | 37 | 6 | 8 | 24 |
Benchmark value 24 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 48 exceeds gate value 45 for chrome browserify home p95 firstReactRender
Benchmark value 20 exceeds gate value 17 for chrome browserify home p95 setupStore
Benchmark value 2202 exceeds gate value 2192 for chrome webpack home mean uiStartup
Benchmark value 2672 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 2015 exceeds gate value 2005 for chrome webpack home p95 domContentLoaded
Benchmark value 407 exceeds gate value 370 for chrome webpack home p95 firstReactRender
Benchmark value 2004 exceeds gate value 1970 for chrome webpack home p95 loadScripts
Benchmark value 129 exceeds gate value 110 for firefox browserify home mean domInteractive
Benchmark value 27 exceeds gate value 25 for firefox browserify home mean backgroundConnect
Benchmark value 14 exceeds gate value 11 for firefox browserify home mean getState
Benchmark value 10 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 390 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 95 exceeds gate value 70 for firefox browserify home p95 backgroundConnect
Benchmark value 38 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 1626 exceeds gate value 1615 for firefox webpack home mean uiStartup
Benchmark value 1408 exceeds gate value 1380 for firefox webpack home mean load
Benchmark value 1408 exceeds gate value 1380 for firefox webpack home mean domContentLoaded
Benchmark value 106 exceeds gate value 100 for firefox webpack home mean domInteractive
Benchmark value 27 exceeds gate value 26 for firefox webpack home mean backgroundConnect
Benchmark value 43 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 1386 exceeds gate value 1360 for firefox webpack home mean loadScripts
Benchmark value 2014 exceeds gate value 1935 for firefox webpack home p95 uiStartup
Benchmark value 1671 exceeds gate value 1660 for firefox webpack home p95 load
Benchmark value 1671 exceeds gate value 1660 for firefox webpack home p95 domContentLoaded
Benchmark value 299 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 50 exceeds gate value 49 for firefox webpack home p95 backgroundConnect
Benchmark value 35 exceeds gate value 32 for firefox webpack home p95 getState
Sum of mean exceeds: 142ms | Sum of p95 exceeds: 793ms
Sum of all benchmark exceeds: 935ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 23 Bytes (0%)
- ui: 1.4 KiB (0.02%)
- common: 453 Bytes (0.01%)
Builds ready [a775a03]
- builds: chrome, firefox
- builds (beta): chrome, firefox
- builds (flask): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- bundle size: Bundle Size Stats
- user-actions-benchmark: User Actions Stats
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
UI Startup Metrics (1176 ± 65 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Home | uiStartup | 1176 | 1044 | 1586 | 65 | 1209 | 1259 |
| load | 1005 | 910 | 1318 | 55 | 1031 | 1085 | |||
| domContentLoaded | 998 | 906 | 1312 | 55 | 1024 | 1080 | |||
| domInteractive | 17 | 14 | 45 | 6 | 16 | 36 | |||
| firstPaint | 658 | 132 | 1118 | 387 | 1015 | 1063 | |||
| backgroundConnect | 8 | 4 | 26 | 4 | 8 | 15 | |||
| firstReactRender | 23 | 17 | 45 | 6 | 23 | 41 | |||
| getState | 14 | 6 | 44 | 8 | 20 | 31 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 795 | 694 | 1106 | 54 | 821 | 872 | |||
| setupStore | 9 | 5 | 21 | 4 | 9 | 18 | |||
| Webpack | Home | uiStartup | 2257 | 1701 | 2912 | 218 | 2360 | 2632 | |
| load | 1731 | 1288 | 2232 | 186 | 1828 | 2047 | |||
| domContentLoaded | 1725 | 1282 | 2217 | 185 | 1823 | 2035 | |||
| domInteractive | 19 | 12 | 134 | 19 | 14 | 63 | |||
| firstPaint | 158 | 64 | 332 | 66 | 173 | 297 | |||
| backgroundConnect | 22 | 12 | 62 | 8 | 24 | 41 | |||
| firstReactRender | 227 | 93 | 421 | 104 | 342 | 407 | |||
| getState | 13 | 4 | 84 | 11 | 14 | 33 | |||
| initialActions | 3 | 1 | 6 | 1 | 3 | 5 | |||
| loadScripts | 1722 | 1279 | 2206 | 184 | 1821 | 2024 | |||
| setupStore | 16 | 7 | 60 | 9 | 19 | 32 | |||
| Firefox | Browserify | Home | uiStartup | 1430 | 1205 | 1940 | 156 | 1512 | 1730 |
| load | 1237 | 1066 | 1471 | 104 | 1306 | 1431 | |||
| domContentLoaded | 1237 | 1066 | 1470 | 104 | 1305 | 1431 | |||
| domInteractive | 122 | 37 | 486 | 80 | 131 | 328 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 24 | 13 | 109 | 15 | 25 | 66 | |||
| firstReactRender | 25 | 23 | 38 | 2 | 26 | 30 | |||
| getState | 18 | 5 | 429 | 49 | 9 | 53 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1218 | 1053 | 1453 | 103 | 1285 | 1417 | |||
| setupStore | 18 | 4 | 319 | 49 | 10 | 86 | |||
| Webpack | Home | uiStartup | 1674 | 1406 | 3370 | 256 | 1748 | 2074 | |
| load | 1437 | 1219 | 3102 | 223 | 1527 | 1710 | |||
| domContentLoaded | 1437 | 1219 | 3101 | 223 | 1527 | 1709 | |||
| domInteractive | 97 | 34 | 375 | 56 | 95 | 265 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 24 | 15 | 133 | 13 | 24 | 39 | |||
| firstReactRender | 44 | 32 | 66 | 4 | 46 | 49 | |||
| getState | 15 | 7 | 205 | 21 | 13 | 39 | |||
| initialActions | 0 | 0 | 2 | 1 | 1 | 1 | |||
| loadScripts | 1418 | 1200 | 3075 | 222 | 1509 | 1689 | |||
| setupStore | 13 | 5 | 301 | 31 | 9 | 33 |
Benchmark value 2257 exceeds gate value 2192 for chrome webpack home mean uiStartup
Benchmark value 1732 exceeds gate value 1711 for chrome webpack home mean load
Benchmark value 1726 exceeds gate value 1704 for chrome webpack home mean domContentLoaded
Benchmark value 1723 exceeds gate value 1699 for chrome webpack home mean loadScripts
Benchmark value 2632 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 2047 exceeds gate value 2030 for chrome webpack home p95 load
Benchmark value 2036 exceeds gate value 2005 for chrome webpack home p95 domContentLoaded
Benchmark value 64 exceeds gate value 57 for chrome webpack home p95 domInteractive
Benchmark value 407 exceeds gate value 370 for chrome webpack home p95 firstReactRender
Benchmark value 2025 exceeds gate value 1970 for chrome webpack home p95 loadScripts
Benchmark value 1430 exceeds gate value 1405 for firefox browserify home mean uiStartup
Benchmark value 122 exceeds gate value 110 for firefox browserify home mean domInteractive
Benchmark value 26 exceeds gate value 25 for firefox browserify home mean firstReactRender
Benchmark value 19 exceeds gate value 11 for firefox browserify home mean getState
Benchmark value 19 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 1730 exceeds gate value 1660 for firefox browserify home p95 uiStartup
Benchmark value 328 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 53 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 86 exceeds gate value 27 for firefox browserify home p95 setupStore
Benchmark value 1674 exceeds gate value 1615 for firefox webpack home mean uiStartup
Benchmark value 1438 exceeds gate value 1380 for firefox webpack home mean load
Benchmark value 1438 exceeds gate value 1380 for firefox webpack home mean domContentLoaded
Benchmark value 44 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 1418 exceeds gate value 1360 for firefox webpack home mean loadScripts
Benchmark value 14 exceeds gate value 13 for firefox webpack home mean setupStore
Benchmark value 2074 exceeds gate value 1935 for firefox webpack home p95 uiStartup
Benchmark value 1710 exceeds gate value 1660 for firefox webpack home p95 load
Benchmark value 1709 exceeds gate value 1660 for firefox webpack home p95 domContentLoaded
Benchmark value 265 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 39 exceeds gate value 32 for firefox webpack home p95 getState
Benchmark value 1689 exceeds gate value 1630 for firefox webpack home p95 loadScripts
Benchmark value 33 exceeds gate value 28 for firefox webpack home p95 setupStore
Sum of mean exceeds: 428ms | Sum of p95 exceeds: 1035ms
Sum of all benchmark exceeds: 1463ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 23 Bytes (0%)
- ui: 346 Bytes (0%)
- common: 453 Bytes (0.01%)
Builds ready [fd519f1]
- builds: chrome, firefox
- builds (beta): chrome, firefox
- builds (flask): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- bundle size: Bundle Size Stats
- user-actions-benchmark: User Actions Stats
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
UI Startup Metrics (1232 ± 61 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Home | uiStartup | 1232 | 1106 | 1388 | 61 | 1273 | 1346 |
| load | 1058 | 964 | 1178 | 52 | 1090 | 1148 | |||
| domContentLoaded | 1051 | 955 | 1165 | 51 | 1082 | 1141 | |||
| domInteractive | 18 | 13 | 49 | 7 | 17 | 38 | |||
| firstPaint | 737 | 80 | 1171 | 416 | 1078 | 1146 | |||
| backgroundConnect | 8 | 3 | 18 | 2 | 9 | 12 | |||
| firstReactRender | 22 | 15 | 41 | 4 | 23 | 30 | |||
| getState | 16 | 6 | 89 | 10 | 21 | 31 | |||
| initialActions | 5 | 0 | 84 | 10 | 3 | 25 | |||
| loadScripts | 806 | 718 | 922 | 49 | 839 | 892 | |||
| setupStore | 8 | 5 | 20 | 3 | 8 | 16 | |||
| Webpack | Home | uiStartup | 2274 | 1706 | 2925 | 190 | 2366 | 2698 | |
| load | 1709 | 1232 | 2210 | 161 | 1794 | 1999 | |||
| domContentLoaded | 1702 | 1228 | 2193 | 159 | 1787 | 1989 | |||
| domInteractive | 19 | 13 | 87 | 16 | 15 | 64 | |||
| firstPaint | 175 | 73 | 1753 | 168 | 188 | 295 | |||
| backgroundConnect | 32 | 10 | 424 | 48 | 31 | 51 | |||
| firstReactRender | 267 | 91 | 407 | 117 | 381 | 404 | |||
| getState | 17 | 5 | 63 | 11 | 23 | 39 | |||
| initialActions | 11 | 3 | 176 | 18 | 10 | 33 | |||
| loadScripts | 1698 | 1227 | 2180 | 158 | 1781 | 1977 | |||
| setupStore | 25 | 7 | 303 | 42 | 22 | 38 | |||
| Firefox | Browserify | Home | uiStartup | 1432 | 1200 | 2263 | 153 | 1486 | 1704 |
| load | 1251 | 1054 | 2086 | 131 | 1301 | 1440 | |||
| domContentLoaded | 1251 | 1054 | 2086 | 131 | 1301 | 1440 | |||
| domInteractive | 137 | 37 | 1055 | 121 | 136 | 384 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 24 | 12 | 111 | 16 | 24 | 76 | |||
| firstReactRender | 26 | 22 | 54 | 5 | 27 | 37 | |||
| getState | 12 | 4 | 127 | 16 | 10 | 41 | |||
| initialActions | 6 | 0 | 194 | 21 | 2 | 28 | |||
| loadScripts | 1230 | 1045 | 2067 | 126 | 1286 | 1401 | |||
| setupStore | 12 | 4 | 167 | 20 | 10 | 53 | |||
| Webpack | Home | uiStartup | 1678 | 1401 | 2461 | 197 | 1788 | 2045 | |
| load | 1454 | 1207 | 1910 | 161 | 1586 | 1714 | |||
| domContentLoaded | 1454 | 1207 | 1909 | 161 | 1586 | 1714 | |||
| domInteractive | 108 | 31 | 349 | 64 | 98 | 294 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 24 | 16 | 58 | 8 | 27 | 42 | |||
| firstReactRender | 41 | 31 | 52 | 4 | 43 | 47 | |||
| getState | 13 | 6 | 88 | 11 | 12 | 30 | |||
| initialActions | 9 | 0 | 232 | 30 | 4 | 28 | |||
| loadScripts | 1433 | 1191 | 1882 | 160 | 1564 | 1696 | |||
| setupStore | 10 | 5 | 76 | 8 | 10 | 23 |
Benchmark value 5 exceeds gate value 1 for chrome browserify home mean initialActions
Benchmark value 25 exceeds gate value 1.2 for chrome browserify home p95 initialActions
Benchmark value 2274 exceeds gate value 2192 for chrome webpack home mean uiStartup
Benchmark value 268 exceeds gate value 235 for chrome webpack home mean firstReactRender
Benchmark value 12 exceeds gate value 7 for chrome webpack home mean initialActions
Benchmark value 2699 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 64 exceeds gate value 57 for chrome webpack home p95 domInteractive
Benchmark value 404 exceeds gate value 370 for chrome webpack home p95 firstReactRender
Benchmark value 33 exceeds gate value 7 for chrome webpack home p95 initialActions
Benchmark value 1977 exceeds gate value 1970 for chrome webpack home p95 loadScripts
Benchmark value 1432 exceeds gate value 1405 for firefox browserify home mean uiStartup
Benchmark value 1251 exceeds gate value 1245 for firefox browserify home mean load
Benchmark value 1251 exceeds gate value 1239 for firefox browserify home mean domContentLoaded
Benchmark value 137 exceeds gate value 110 for firefox browserify home mean domInteractive
Benchmark value 26 exceeds gate value 25 for firefox browserify home mean firstReactRender
Benchmark value 13 exceeds gate value 11 for firefox browserify home mean getState
Benchmark value 6 exceeds gate value 1 for firefox browserify home mean initialActions
Benchmark value 1231 exceeds gate value 1230 for firefox browserify home mean loadScripts
Benchmark value 12 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 1704 exceeds gate value 1660 for firefox browserify home p95 uiStartup
Benchmark value 384 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 76 exceeds gate value 70 for firefox browserify home p95 backgroundConnect
Benchmark value 41 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 28 exceeds gate value 2 for firefox browserify home p95 initialActions
Benchmark value 53 exceeds gate value 27 for firefox browserify home p95 setupStore
Benchmark value 1679 exceeds gate value 1615 for firefox webpack home mean uiStartup
Benchmark value 1454 exceeds gate value 1380 for firefox webpack home mean load
Benchmark value 1454 exceeds gate value 1380 for firefox webpack home mean domContentLoaded
Benchmark value 108 exceeds gate value 100 for firefox webpack home mean domInteractive
Benchmark value 42 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 10 exceeds gate value 1 for firefox webpack home mean initialActions
Benchmark value 1434 exceeds gate value 1360 for firefox webpack home mean loadScripts
Benchmark value 2045 exceeds gate value 1935 for firefox webpack home p95 uiStartup
Benchmark value 1714 exceeds gate value 1660 for firefox webpack home p95 load
Benchmark value 1714 exceeds gate value 1660 for firefox webpack home p95 domContentLoaded
Benchmark value 294 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 28 exceeds gate value 2 for firefox webpack home p95 initialActions
Benchmark value 1696 exceeds gate value 1630 for firefox webpack home p95 loadScripts
Sum of mean exceeds: 517ms | Sum of p95 exceeds: 1098.8ms
Sum of all benchmark exceeds: 1615.8ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 33 Bytes (0%)
- ui: 346 Bytes (0%)
- common: 453 Bytes (0.01%)
Builds ready [f49f9cb]
- builds: chrome, firefox
- builds (beta): chrome, firefox
- builds (flask): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- bundle size: Bundle Size Stats
- user-actions-benchmark: User Actions Stats
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
UI Startup Metrics (1248 ± 64 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Home | uiStartup | 1248 | 1144 | 1450 | 64 | 1288 | 1375 |
| load | 1070 | 934 | 1234 | 63 | 1100 | 1205 | |||
| domContentLoaded | 1063 | 927 | 1230 | 62 | 1091 | 1199 | |||
| domInteractive | 18 | 14 | 69 | 8 | 17 | 40 | |||
| firstPaint | 721 | 134 | 1211 | 419 | 1079 | 1159 | |||
| backgroundConnect | 8 | 4 | 30 | 3 | 8 | 13 | |||
| firstReactRender | 24 | 17 | 134 | 13 | 23 | 35 | |||
| getState | 16 | 6 | 80 | 10 | 22 | 33 | |||
| initialActions | 7 | 0 | 96 | 15 | 7 | 26 | |||
| loadScripts | 812 | 669 | 968 | 61 | 838 | 943 | |||
| setupStore | 8 | 5 | 31 | 4 | 8 | 18 | |||
| Webpack | Home | uiStartup | 2293 | 1790 | 3022 | 196 | 2369 | 2716 | |
| load | 1739 | 1343 | 2100 | 154 | 1822 | 2009 | |||
| domContentLoaded | 1732 | 1339 | 2083 | 152 | 1816 | 2004 | |||
| domInteractive | 19 | 13 | 103 | 15 | 16 | 57 | |||
| firstPaint | 161 | 67 | 412 | 69 | 187 | 303 | |||
| backgroundConnect | 26 | 10 | 196 | 20 | 27 | 54 | |||
| firstReactRender | 249 | 90 | 441 | 122 | 379 | 401 | |||
| getState | 21 | 5 | 323 | 44 | 20 | 44 | |||
| initialActions | 10 | 2 | 169 | 17 | 10 | 26 | |||
| loadScripts | 1727 | 1337 | 2072 | 149 | 1810 | 2001 | |||
| setupStore | 22 | 7 | 290 | 39 | 21 | 46 | |||
| Firefox | Browserify | Home | uiStartup | 1391 | 1201 | 1781 | 140 | 1469 | 1714 |
| load | 1212 | 1068 | 1605 | 102 | 1282 | 1408 | |||
| domContentLoaded | 1212 | 1068 | 1605 | 102 | 1282 | 1408 | |||
| domInteractive | 119 | 35 | 458 | 70 | 128 | 330 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 25 | 13 | 195 | 27 | 22 | 62 | |||
| firstReactRender | 25 | 21 | 54 | 4 | 25 | 31 | |||
| getState | 13 | 5 | 93 | 17 | 9 | 66 | |||
| initialActions | 8 | 0 | 174 | 25 | 3 | 35 | |||
| loadScripts | 1190 | 1046 | 1579 | 95 | 1259 | 1349 | |||
| setupStore | 11 | 4 | 184 | 20 | 8 | 32 | |||
| Webpack | Home | uiStartup | 1932 | 1476 | 3776 | 341 | 2050 | 2383 | |
| load | 1644 | 1218 | 3299 | 259 | 1761 | 2037 | |||
| domContentLoaded | 1643 | 1218 | 3299 | 259 | 1760 | 2036 | |||
| domInteractive | 118 | 38 | 549 | 89 | 106 | 364 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 45 | 17 | 1561 | 156 | 30 | 50 | |||
| firstReactRender | 62 | 50 | 77 | 6 | 66 | 72 | |||
| getState | 19 | 6 | 149 | 21 | 24 | 53 | |||
| initialActions | 7 | 0 | 186 | 19 | 7 | 23 | |||
| loadScripts | 1617 | 1200 | 3274 | 255 | 1728 | 2011 | |||
| setupStore | 18 | 6 | 241 | 36 | 11 | 79 |
Benchmark value 1063 exceeds gate value 1061 for chrome browserify home mean domContentLoaded
Benchmark value 25 exceeds gate value 23 for chrome browserify home mean firstReactRender
Benchmark value 17 exceeds gate value 15 for chrome browserify home mean getState
Benchmark value 7 exceeds gate value 1 for chrome browserify home mean initialActions
Benchmark value 1375 exceeds gate value 1365 for chrome browserify home p95 uiStartup
Benchmark value 1206 exceeds gate value 1190 for chrome browserify home p95 load
Benchmark value 1199 exceeds gate value 1180 for chrome browserify home p95 domContentLoaded
Benchmark value 26 exceeds gate value 1.2 for chrome browserify home p95 initialActions
Benchmark value 943 exceeds gate value 940 for chrome browserify home p95 loadScripts
Benchmark value 18 exceeds gate value 17 for chrome browserify home p95 setupStore
Benchmark value 2293 exceeds gate value 2192 for chrome webpack home mean uiStartup
Benchmark value 1739 exceeds gate value 1711 for chrome webpack home mean load
Benchmark value 1733 exceeds gate value 1704 for chrome webpack home mean domContentLoaded
Benchmark value 249 exceeds gate value 235 for chrome webpack home mean firstReactRender
Benchmark value 11 exceeds gate value 7 for chrome webpack home mean initialActions
Benchmark value 1727 exceeds gate value 1699 for chrome webpack home mean loadScripts
Benchmark value 2716 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 58 exceeds gate value 57 for chrome webpack home p95 domInteractive
Benchmark value 401 exceeds gate value 370 for chrome webpack home p95 firstReactRender
Benchmark value 26 exceeds gate value 7 for chrome webpack home p95 initialActions
Benchmark value 2001 exceeds gate value 1970 for chrome webpack home p95 loadScripts
Benchmark value 120 exceeds gate value 110 for firefox browserify home mean domInteractive
Benchmark value 13 exceeds gate value 11 for firefox browserify home mean getState
Benchmark value 8 exceeds gate value 1 for firefox browserify home mean initialActions
Benchmark value 12 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 1714 exceeds gate value 1660 for firefox browserify home p95 uiStartup
Benchmark value 330 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 66 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 35 exceeds gate value 2 for firefox browserify home p95 initialActions
Benchmark value 32 exceeds gate value 27 for firefox browserify home p95 setupStore
Benchmark value 1932 exceeds gate value 1615 for firefox webpack home mean uiStartup
Benchmark value 1644 exceeds gate value 1380 for firefox webpack home mean load
Benchmark value 1644 exceeds gate value 1380 for firefox webpack home mean domContentLoaded
Benchmark value 119 exceeds gate value 100 for firefox webpack home mean domInteractive
Benchmark value 46 exceeds gate value 26 for firefox webpack home mean backgroundConnect
Benchmark value 62 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 20 exceeds gate value 15 for firefox webpack home mean getState
Benchmark value 7 exceeds gate value 1 for firefox webpack home mean initialActions
Benchmark value 1617 exceeds gate value 1360 for firefox webpack home mean loadScripts
Benchmark value 18 exceeds gate value 13 for firefox webpack home mean setupStore
Benchmark value 2383 exceeds gate value 1935 for firefox webpack home p95 uiStartup
Benchmark value 2037 exceeds gate value 1660 for firefox webpack home p95 load
Benchmark value 2036 exceeds gate value 1660 for firefox webpack home p95 domContentLoaded
Benchmark value 364 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 50 exceeds gate value 49 for firefox webpack home p95 backgroundConnect
Benchmark value 72 exceeds gate value 50 for firefox webpack home p95 firstReactRender
Benchmark value 53 exceeds gate value 32 for firefox webpack home p95 getState
Benchmark value 23 exceeds gate value 2 for firefox webpack home p95 initialActions
Benchmark value 2011 exceeds gate value 1630 for firefox webpack home p95 loadScripts
Benchmark value 79 exceeds gate value 28 for firefox webpack home p95 setupStore
Sum of mean exceeds: 1434ms | Sum of p95 exceeds: 2592.8ms
Sum of all benchmark exceeds: 4026.8ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 33 Bytes (0%)
- ui: 346 Bytes (0%)
- common: 453 Bytes (0.01%)
