feat: remove remote send banner and add tooltip
Description
- Remove send allowance banner and introduce tooltip
Related issues
Fixes: #33475, #33215
Manual testing steps
- Go to
metamask-extension/ui/helpers/utils/remote-mode.tsand set theisRemoteModeSupportedfunction to return true (for now, since only EOAs can be the delegator) - Enable Remote Mode for an account and set a Daily Allowance
- With remote mode send allowance set
- Go to send page
- Should see new remote mode icon at top right corner
- Note to override the vaultRemoteMode feature flag (which will implicitly default to disabled), the configuration steps are available here. Example.manifest-overrides.json:
{
"_flags": {
"remoteFeatureFlags": {
"vaultRemoteMode": true
}
}
}
Screenshots/Recordings
Before
After
Pre-merge author checklist
- [X] I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
- [X] I've completed the PR template to the best of my ability
- [X] I’ve included tests if applicable
- [X] I’ve documented my code using JSDoc format if applicable
- [X] I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.
Pre-merge reviewer checklist
- [X] I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
- [X] 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.
✨ Files requiring CODEOWNER review ✨
🔑 @MetaMask/accounts-engineers (2 files, +12 -17)
- 📁 ui/
- 📁 components/
- 📁 multichain/
- 📁 pages/
- 📁 send/
- 📁 components/
- 📄
account-picker.tsx+1 -9 - 📄
send.js+11 -8
- 📄
- 📁 components/
- 📁 send/
- 📁 pages/
- 📁 multichain/
- 📁 components/
✅ @MetaMask/confirmations (2 files, +12 -17)
- 📁 ui/
- 📁 components/
- 📁 multichain/
- 📁 pages/
- 📁 send/
- 📁 components/
- 📄
account-picker.tsx+1 -9 - 📄
send.js+11 -8
- 📄
- 📁 components/
- 📁 send/
- 📁 pages/
- 📁 multichain/
- 📁 components/
🖥️ @MetaMask/wallet-ux (2 files, +12 -17)
- 📁 ui/
- 📁 components/
- 📁 multichain/
- 📁 pages/
- 📁 send/
- 📁 components/
- 📄
account-picker.tsx+1 -9 - 📄
send.js+11 -8
- 📄
- 📁 components/
- 📁 send/
- 📁 pages/
- 📁 multichain/
- 📁 components/
Builds ready [f3cacda]
- 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 (1238 ± 67 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Home | uiStartup | 1238 | 1130 | 1443 | 67 | 1284 | 1367 |
| load | 1070 | 966 | 1233 | 57 | 1103 | 1183 | |||
| domContentLoaded | 1062 | 952 | 1222 | 57 | 1095 | 1171 | |||
| domInteractive | 18 | 14 | 100 | 10 | 17 | 32 | |||
| firstPaint | 712 | 81 | 1207 | 429 | 1075 | 1162 | |||
| backgroundConnect | 9 | 4 | 33 | 6 | 9 | 25 | |||
| firstReactRender | 22 | 16 | 44 | 5 | 23 | 32 | |||
| getState | 15 | 5 | 41 | 8 | 20 | 29 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 0 | |||
| loadScripts | 811 | 704 | 979 | 56 | 846 | 905 | |||
| setupStore | 8 | 5 | 21 | 3 | 8 | 12 | |||
| Webpack | Home | uiStartup | 2074 | 1593 | 2696 | 252 | 2243 | 2456 | |
| load | 1623 | 1260 | 1923 | 191 | 1767 | 1889 | |||
| domContentLoaded | 1617 | 1256 | 1916 | 189 | 1760 | 1879 | |||
| domInteractive | 15 | 11 | 43 | 8 | 13 | 39 | |||
| firstPaint | 171 | 61 | 338 | 65 | 211 | 314 | |||
| backgroundConnect | 23 | 12 | 77 | 9 | 26 | 38 | |||
| firstReactRender | 127 | 43 | 379 | 97 | 113 | 346 | |||
| getState | 11 | 4 | 49 | 7 | 11 | 24 | |||
| initialActions | 3 | 1 | 7 | 1 | 3 | 4 | |||
| loadScripts | 1614 | 1254 | 1914 | 188 | 1757 | 1868 | |||
| setupStore | 31 | 6 | 317 | 66 | 17 | 291 | |||
| Firefox | Browserify | Home | uiStartup | 1321 | 1173 | 1738 | 110 | 1384 | 1561 |
| load | 1171 | 1032 | 1489 | 97 | 1241 | 1370 | |||
| domContentLoaded | 1171 | 1031 | 1489 | 97 | 1241 | 1369 | |||
| domInteractive | 96 | 35 | 299 | 41 | 108 | 185 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 26 | 13 | 202 | 30 | 20 | 85 | |||
| firstReactRender | 23 | 19 | 55 | 4 | 23 | 29 | |||
| getState | 9 | 4 | 129 | 13 | 8 | 15 | |||
| initialActions | 0 | 0 | 5 | 1 | 0 | 1 | |||
| loadScripts | 1148 | 1015 | 1466 | 92 | 1213 | 1329 | |||
| setupStore | 6 | 4 | 34 | 4 | 6 | 11 | |||
| Webpack | Home | uiStartup | 1492 | 1323 | 1966 | 107 | 1570 | 1669 | |
| load | 1299 | 1153 | 1553 | 95 | 1369 | 1476 | |||
| domContentLoaded | 1299 | 1152 | 1552 | 95 | 1368 | 1476 | |||
| domInteractive | 75 | 28 | 230 | 22 | 77 | 118 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 19 | 13 | 46 | 5 | 21 | 29 | |||
| firstReactRender | 39 | 27 | 59 | 5 | 42 | 46 | |||
| getState | 11 | 4 | 192 | 20 | 9 | 29 | |||
| initialActions | 0 | 0 | 2 | 1 | 1 | 1 | |||
| loadScripts | 1281 | 1137 | 1533 | 94 | 1351 | 1460 | |||
| setupStore | 7 | 5 | 20 | 3 | 8 | 13 |
Benchmark value 1062 exceeds gate value 1061 for chrome browserify home mean domContentLoaded
Benchmark value 1368 exceeds gate value 1365 for chrome browserify home p95 uiStartup
Benchmark value 25 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 2457 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 291 exceeds gate value 65 for chrome webpack home p95 setupStore
Benchmark value 26 exceeds gate value 25 for firefox browserify home mean backgroundConnect
Benchmark value 85 exceeds gate value 70 for firefox browserify home p95 backgroundConnect
Benchmark value 40 exceeds gate value 38 for firefox webpack home mean firstReactRender
Sum of mean exceeds: 8ms | Sum of p95 exceeds: 254ms
Sum of all benchmark exceeds: 262ms
Bundle size diffs [🚀 Bundle size reduced!]
- background: -106.6 KiB (-2%)
- ui: 17.38 KiB (0.24%)
- common: -5.52 KiB (-0.07%)
Builds ready [f1c462c]
- 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 (1221 ± 71 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Home | uiStartup | 1221 | 1110 | 1408 | 71 | 1265 | 1374 |
| load | 1060 | 945 | 1267 | 69 | 1099 | 1215 | |||
| domContentLoaded | 1053 | 940 | 1263 | 69 | 1090 | 1209 | |||
| domInteractive | 17 | 13 | 79 | 7 | 16 | 30 | |||
| firstPaint | 713 | 79 | 1272 | 431 | 1072 | 1180 | |||
| backgroundConnect | 8 | 4 | 33 | 5 | 8 | 22 | |||
| firstReactRender | 19 | 15 | 32 | 3 | 20 | 25 | |||
| getState | 15 | 6 | 34 | 8 | 20 | 31 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 807 | 702 | 1003 | 69 | 841 | 958 | |||
| setupStore | 7 | 5 | 12 | 2 | 8 | 11 | |||
| Webpack | Home | uiStartup | 2224 | 1700 | 2753 | 201 | 2336 | 2566 | |
| load | 1740 | 1290 | 2091 | 162 | 1824 | 1994 | |||
| domContentLoaded | 1734 | 1286 | 2082 | 161 | 1815 | 1989 | |||
| domInteractive | 16 | 12 | 64 | 9 | 14 | 42 | |||
| firstPaint | 170 | 65 | 358 | 60 | 181 | 321 | |||
| backgroundConnect | 25 | 11 | 280 | 28 | 25 | 49 | |||
| firstReactRender | 136 | 45 | 366 | 103 | 116 | 340 | |||
| getState | 19 | 4 | 337 | 45 | 14 | 29 | |||
| initialActions | 3 | 1 | 6 | 1 | 4 | 4 | |||
| loadScripts | 1731 | 1284 | 2071 | 160 | 1814 | 1988 | |||
| setupStore | 41 | 7 | 348 | 82 | 21 | 316 | |||
| Firefox | Browserify | Home | uiStartup | 1303 | 1151 | 1751 | 91 | 1331 | 1471 |
| load | 1152 | 1030 | 1353 | 70 | 1180 | 1323 | |||
| domContentLoaded | 1152 | 1030 | 1352 | 70 | 1180 | 1323 | |||
| domInteractive | 93 | 35 | 171 | 26 | 103 | 142 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 20 | 12 | 53 | 9 | 20 | 47 | |||
| firstReactRender | 23 | 19 | 50 | 3 | 22 | 27 | |||
| getState | 12 | 4 | 242 | 29 | 8 | 32 | |||
| initialActions | 0 | 0 | 2 | 0 | 0 | 1 | |||
| loadScripts | 1134 | 1018 | 1341 | 70 | 1160 | 1310 | |||
| setupStore | 7 | 4 | 67 | 7 | 6 | 11 | |||
| Webpack | Home | uiStartup | 1588 | 1372 | 1953 | 128 | 1679 | 1830 | |
| load | 1387 | 1192 | 1797 | 125 | 1489 | 1611 | |||
| domContentLoaded | 1386 | 1191 | 1797 | 125 | 1489 | 1611 | |||
| domInteractive | 85 | 33 | 336 | 41 | 89 | 144 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 21 | 15 | 42 | 5 | 21 | 34 | |||
| firstReactRender | 41 | 28 | 52 | 4 | 44 | 48 | |||
| getState | 8 | 4 | 31 | 4 | 8 | 14 | |||
| initialActions | 1 | 0 | 2 | 1 | 1 | 1 | |||
| loadScripts | 1368 | 1175 | 1777 | 125 | 1468 | 1590 | |||
| setupStore | 7 | 5 | 24 | 2 | 8 | 10 |
Benchmark value 1216 exceeds gate value 1190 for chrome browserify home p95 load
Benchmark value 1210 exceeds gate value 1180 for chrome browserify home p95 domContentLoaded
Benchmark value 22 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 958 exceeds gate value 940 for chrome browserify home p95 loadScripts
Benchmark value 2224 exceeds gate value 2192 for chrome webpack home mean uiStartup
Benchmark value 1741 exceeds gate value 1711 for chrome webpack home mean load
Benchmark value 1734 exceeds gate value 1704 for chrome webpack home mean domContentLoaded
Benchmark value 1731 exceeds gate value 1699 for chrome webpack home mean loadScripts
Benchmark value 41 exceeds gate value 32 for chrome webpack home mean setupStore
Benchmark value 2566 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 1988 exceeds gate value 1970 for chrome webpack home p95 loadScripts
Benchmark value 316 exceeds gate value 65 for chrome webpack home p95 setupStore
Benchmark value 12 exceeds gate value 11 for firefox browserify home mean getState
Benchmark value 32 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 1387 exceeds gate value 1380 for firefox webpack home mean load
Benchmark value 1387 exceeds gate value 1380 for firefox webpack home mean domContentLoaded
Benchmark value 42 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 1369 exceeds gate value 1360 for firefox webpack home mean loadScripts
Sum of mean exceeds: 161ms | Sum of p95 exceeds: 476ms
Sum of all benchmark exceeds: 637ms
Bundle size diffs [🚀 Bundle size reduced!]
- background: -105.42 KiB (-1.98%)
- ui: 25.68 KiB (0.36%)
- common: -94.16 KiB (-1.13%)
Builds ready [1301d02]
- 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 (1223 ± 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 | 1223 | 1115 | 1402 | 59 | 1262 | 1305 |
| load | 1060 | 962 | 1269 | 60 | 1106 | 1144 | |||
| domContentLoaded | 1053 | 950 | 1260 | 60 | 1098 | 1137 | |||
| domInteractive | 17 | 13 | 97 | 9 | 16 | 31 | |||
| firstPaint | 797 | 150 | 1268 | 401 | 1103 | 1145 | |||
| backgroundConnect | 8 | 3 | 41 | 6 | 8 | 24 | |||
| firstReactRender | 21 | 16 | 40 | 4 | 21 | 34 | |||
| getState | 14 | 6 | 31 | 7 | 20 | 28 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 807 | 706 | 1003 | 60 | 856 | 895 | |||
| setupStore | 8 | 5 | 20 | 3 | 9 | 14 | |||
| Webpack | Home | uiStartup | 2053 | 1613 | 2483 | 233 | 2252 | 2427 | |
| load | 1589 | 1256 | 2024 | 176 | 1708 | 1839 | |||
| domContentLoaded | 1583 | 1252 | 2017 | 175 | 1701 | 1830 | |||
| domInteractive | 15 | 11 | 61 | 9 | 13 | 39 | |||
| firstPaint | 163 | 63 | 295 | 49 | 201 | 266 | |||
| backgroundConnect | 22 | 10 | 58 | 8 | 24 | 37 | |||
| firstReactRender | 120 | 44 | 369 | 95 | 130 | 329 | |||
| getState | 18 | 4 | 410 | 50 | 12 | 29 | |||
| initialActions | 3 | 1 | 5 | 1 | 3 | 4 | |||
| loadScripts | 1580 | 1250 | 2007 | 174 | 1699 | 1820 | |||
| setupStore | 55 | 6 | 340 | 103 | 19 | 312 | |||
| Firefox | Browserify | Home | uiStartup | 1333 | 1186 | 1640 | 96 | 1394 | 1504 |
| load | 1180 | 1042 | 1451 | 82 | 1232 | 1342 | |||
| domContentLoaded | 1180 | 1042 | 1451 | 82 | 1232 | 1342 | |||
| domInteractive | 98 | 35 | 346 | 36 | 107 | 136 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 20 | 13 | 69 | 9 | 21 | 34 | |||
| firstReactRender | 23 | 20 | 33 | 2 | 24 | 29 | |||
| getState | 11 | 5 | 185 | 25 | 8 | 11 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1162 | 1031 | 1425 | 81 | 1213 | 1326 | |||
| setupStore | 7 | 4 | 36 | 6 | 6 | 12 | |||
| Webpack | Home | uiStartup | 1589 | 1339 | 2251 | 156 | 1663 | 1882 | |
| load | 1361 | 1158 | 1645 | 112 | 1457 | 1552 | |||
| domContentLoaded | 1361 | 1157 | 1644 | 112 | 1457 | 1552 | |||
| domInteractive | 77 | 32 | 156 | 22 | 84 | 125 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 28 | 15 | 248 | 37 | 23 | 41 | |||
| firstReactRender | 42 | 29 | 51 | 4 | 45 | 47 | |||
| getState | 14 | 5 | 257 | 34 | 10 | 30 | |||
| initialActions | 1 | 0 | 2 | 1 | 1 | 1 | |||
| loadScripts | 1338 | 1142 | 1627 | 108 | 1433 | 1528 | |||
| setupStore | 16 | 4 | 269 | 43 | 8 | 70 |
Benchmark value 56 exceeds gate value 32 for chrome webpack home mean setupStore
Benchmark value 312 exceeds gate value 65 for chrome webpack home p95 setupStore
Benchmark value 12 exceeds gate value 11 for firefox browserify home mean getState
Benchmark value 28 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 17 exceeds gate value 13 for firefox webpack home mean setupStore
Benchmark value 70 exceeds gate value 28 for firefox webpack home p95 setupStore
Sum of mean exceeds: 36ms | Sum of p95 exceeds: 295ms
Sum of all benchmark exceeds: 331ms
Bundle size diffs [🚀 Bundle size reduced!]
- background: -105.42 KiB (-1.98%)
- ui: 25.68 KiB (0.36%)
- common: -94.16 KiB (-1.13%)
Builds ready [9ea993b]
- 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 (1260 ± 71 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Home | uiStartup | 1260 | 1134 | 1499 | 71 | 1301 | 1389 |
| load | 1090 | 962 | 1244 | 70 | 1137 | 1211 | |||
| domContentLoaded | 1081 | 958 | 1233 | 70 | 1126 | 1206 | |||
| domInteractive | 17 | 14 | 42 | 5 | 17 | 28 | |||
| firstPaint | 795 | 133 | 1246 | 418 | 1111 | 1201 | |||
| backgroundConnect | 10 | 4 | 54 | 8 | 9 | 27 | |||
| firstReactRender | 21 | 16 | 42 | 4 | 21 | 33 | |||
| getState | 14 | 6 | 40 | 7 | 19 | 29 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 0 | |||
| loadScripts | 833 | 715 | 979 | 68 | 878 | 955 | |||
| setupStore | 8 | 5 | 32 | 3 | 8 | 14 | |||
| Webpack | Home | uiStartup | 2054 | 1579 | 2593 | 224 | 2214 | 2432 | |
| load | 1590 | 1250 | 2012 | 170 | 1705 | 1870 | |||
| domContentLoaded | 1585 | 1246 | 2003 | 169 | 1698 | 1862 | |||
| domInteractive | 15 | 11 | 56 | 9 | 13 | 39 | |||
| firstPaint | 156 | 63 | 544 | 67 | 175 | 277 | |||
| backgroundConnect | 23 | 10 | 326 | 31 | 23 | 36 | |||
| firstReactRender | 135 | 44 | 355 | 109 | 268 | 337 | |||
| getState | 15 | 4 | 298 | 38 | 12 | 22 | |||
| initialActions | 5 | 1 | 290 | 29 | 3 | 4 | |||
| loadScripts | 1582 | 1245 | 1992 | 168 | 1695 | 1851 | |||
| setupStore | 48 | 7 | 314 | 94 | 16 | 306 | |||
| Firefox | Browserify | Home | uiStartup | 1329 | 1175 | 1616 | 86 | 1378 | 1468 |
| load | 1181 | 1034 | 1465 | 89 | 1249 | 1337 | |||
| domContentLoaded | 1181 | 1034 | 1465 | 89 | 1249 | 1337 | |||
| domInteractive | 102 | 34 | 343 | 40 | 112 | 157 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 20 | 13 | 62 | 7 | 20 | 31 | |||
| firstReactRender | 23 | 20 | 30 | 2 | 23 | 28 | |||
| getState | 8 | 4 | 39 | 4 | 8 | 10 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1164 | 1017 | 1451 | 89 | 1231 | 1318 | |||
| setupStore | 6 | 4 | 33 | 4 | 6 | 10 | |||
| Webpack | Home | uiStartup | 1528 | 1354 | 1967 | 121 | 1608 | 1737 | |
| load | 1329 | 1152 | 1687 | 112 | 1408 | 1554 | |||
| domContentLoaded | 1328 | 1152 | 1687 | 112 | 1407 | 1554 | |||
| domInteractive | 77 | 55 | 160 | 20 | 81 | 126 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 21 | 15 | 51 | 5 | 22 | 27 | |||
| firstReactRender | 39 | 28 | 54 | 4 | 42 | 46 | |||
| getState | 8 | 4 | 32 | 5 | 9 | 18 | |||
| initialActions | 0 | 0 | 2 | 1 | 1 | 1 | |||
| loadScripts | 1310 | 1136 | 1668 | 112 | 1383 | 1534 | |||
| setupStore | 9 | 5 | 85 | 10 | 8 | 28 |
Benchmark value 1091 exceeds gate value 1070 for chrome browserify home mean load
Benchmark value 1082 exceeds gate value 1061 for chrome browserify home mean domContentLoaded
Benchmark value 11 exceeds gate value 10 for chrome browserify home mean backgroundConnect
Benchmark value 833 exceeds gate value 830 for chrome browserify home mean loadScripts
Benchmark value 1390 exceeds gate value 1365 for chrome browserify home p95 uiStartup
Benchmark value 1212 exceeds gate value 1190 for chrome browserify home p95 load
Benchmark value 1206 exceeds gate value 1180 for chrome browserify home p95 domContentLoaded
Benchmark value 1201 exceeds gate value 1180 for chrome browserify home p95 firstPaint
Benchmark value 28 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 955 exceeds gate value 940 for chrome browserify home p95 loadScripts
Benchmark value 48 exceeds gate value 32 for chrome webpack home mean setupStore
Benchmark value 306 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: 91ms | Sum of p95 exceeds: 360ms
Sum of all benchmark exceeds: 451ms
Bundle size diffs [🚀 Bundle size reduced!]
- background: -106.89 KiB (-2.01%)
- ui: 33.22 KiB (0.46%)
- common: -100.11 KiB (-1.2%)
Builds ready [748b493]
- 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 (1218 ± 57 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Home | uiStartup | 1218 | 1099 | 1490 | 57 | 1245 | 1308 |
| load | 1049 | 917 | 1268 | 51 | 1079 | 1138 | |||
| domContentLoaded | 1044 | 911 | 1263 | 51 | 1074 | 1133 | |||
| domInteractive | 18 | 14 | 98 | 9 | 17 | 32 | |||
| firstPaint | 680 | 84 | 1268 | 422 | 1055 | 1125 | |||
| backgroundConnect | 6 | 4 | 23 | 3 | 7 | 9 | |||
| firstReactRender | 21 | 15 | 45 | 5 | 21 | 38 | |||
| getState | 13 | 6 | 41 | 8 | 19 | 30 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 0 | |||
| loadScripts | 795 | 666 | 1004 | 50 | 825 | 877 | |||
| setupStore | 8 | 5 | 16 | 2 | 8 | 13 | |||
| Webpack | Home | uiStartup | 2056 | 1652 | 2576 | 225 | 2209 | 2382 | |
| load | 1584 | 1282 | 2036 | 187 | 1721 | 1932 | |||
| domContentLoaded | 1579 | 1278 | 2026 | 187 | 1717 | 1927 | |||
| domInteractive | 16 | 11 | 97 | 12 | 13 | 44 | |||
| firstPaint | 153 | 65 | 437 | 57 | 172 | 264 | |||
| backgroundConnect | 20 | 13 | 43 | 5 | 24 | 31 | |||
| firstReactRender | 118 | 47 | 371 | 90 | 108 | 351 | |||
| getState | 14 | 5 | 329 | 32 | 12 | 21 | |||
| initialActions | 9 | 2 | 305 | 41 | 3 | 5 | |||
| loadScripts | 1576 | 1276 | 2016 | 185 | 1715 | 1917 | |||
| setupStore | 42 | 7 | 317 | 85 | 19 | 311 | |||
| Firefox | Browserify | Home | uiStartup | 1487 | 1188 | 1783 | 99 | 1558 | 1663 |
| load | 1317 | 1054 | 1626 | 93 | 1385 | 1475 | |||
| domContentLoaded | 1316 | 1054 | 1625 | 93 | 1385 | 1475 | |||
| domInteractive | 106 | 38 | 190 | 25 | 122 | 144 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 24 | 15 | 62 | 8 | 26 | 39 | |||
| firstReactRender | 27 | 21 | 62 | 6 | 28 | 36 | |||
| getState | 10 | 5 | 42 | 5 | 10 | 22 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1295 | 1041 | 1607 | 91 | 1363 | 1455 | |||
| setupStore | 7 | 4 | 17 | 2 | 7 | 13 | |||
| Webpack | Home | uiStartup | 1509 | 1328 | 1798 | 103 | 1601 | 1706 | |
| load | 1315 | 1147 | 1602 | 104 | 1395 | 1524 | |||
| domContentLoaded | 1315 | 1147 | 1602 | 104 | 1394 | 1524 | |||
| domInteractive | 81 | 32 | 193 | 20 | 87 | 121 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 21 | 15 | 44 | 5 | 22 | 26 | |||
| firstReactRender | 40 | 30 | 48 | 3 | 42 | 46 | |||
| getState | 8 | 4 | 30 | 3 | 9 | 11 | |||
| initialActions | 0 | 0 | 2 | 1 | 1 | 1 | |||
| loadScripts | 1297 | 1132 | 1584 | 104 | 1379 | 1505 | |||
| setupStore | 8 | 5 | 29 | 3 | 8 | 10 |
Benchmark value 43 exceeds gate value 32 for chrome webpack home mean setupStore
Benchmark value 311 exceeds gate value 65 for chrome webpack home p95 setupStore
Benchmark value 1487 exceeds gate value 1405 for firefox browserify home mean uiStartup
Benchmark value 1317 exceeds gate value 1245 for firefox browserify home mean load
Benchmark value 1317 exceeds gate value 1239 for firefox browserify home mean domContentLoaded
Benchmark value 28 exceeds gate value 25 for firefox browserify home mean firstReactRender
Benchmark value 1295 exceeds gate value 1230 for firefox browserify home mean loadScripts
Benchmark value 1663 exceeds gate value 1660 for firefox browserify home p95 uiStartup
Benchmark value 41 exceeds gate value 38 for firefox webpack home mean firstReactRender
Sum of mean exceeds: 316ms | Sum of p95 exceeds: 249ms
Sum of all benchmark exceeds: 565ms
Bundle size diffs [🚀 Bundle size reduced!]
- background: -39.33 KiB (-0.74%)
- ui: 16.68 KiB (0.23%)
- common: -16.69 KiB (-0.2%)
This PR has been automatically marked as stale because it has not had recent activity in the last 90 days. It will be closed in 7 days. Thank you for your contributions.
This PR was closed because there has been no follow up activity in 7 days. Thank you for your contributions.