feat: trust signals for addresses on transactions and signatures
Description
Adds trust signal indicators to the address petname component to help users identify malicious, warning, and verified addresses with human readable labels
Changes
- Created
ui/hooks/useTrustSignals.tsfor centralized trust signal logic - Added
ui/helpers/utils/trust-signals.tsfor reusable icon/CSS utilities - Updated
NameDisplaycomponent to show trust indicators - Enhanced
NameDetailsmodal to show trust indicators - Added new CSS classes for trust signal states
Related issues
Fixes:
Manual testing steps
- Run the security alerts api locally and you are able to hard code results within the
address-scan.service.tsfile like so
return { result_type: ResultType.Trusted, label: 'Uniswap' };
- Update
builds.ymlto point to your locally runningsecurity-alerts-apilike so
- SECURITY_ALERTS_API_URL: 'http://localhost:3000'
- Make sure you modify this code to enable trust signals
// TODO: Remove when we want this enabled in production.
export function isProdEnabled() {
// const isEnabled = process.env.TRUST_SIGNALS_PROD_ENABLED;
// return isEnabled?.toString() === 'true';
return true;
}
- Reload your extension in the browser to clear cache to get updated result from your api change
- Open the test dapp and click on a transaction or signature where you see an 'interacting with' and you will see the different UI states based on the mocked API result!
Screenshots/Recordings
Before
Before this is what a verified address looked like!
After
You can now see verified, suspicious, and malicious states for address across confirmations. alongside the current petname functionality !
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.
✨ Files requiring CODEOWNER review ✨
✅ @MetaMask/confirmations (2 files, +14 -2)
- 📁 ui/
- 📁 pages/
- 📁 confirmations/
- 📁 components/
- 📁 simulation-details/
- 📄
useSimulationMetrics.test.ts+8 -1 - 📄
useSimulationMetrics.ts+6 -1
- 📄
- 📁 simulation-details/
- 📁 components/
- 📁 confirmations/
- 📁 pages/
Builds ready [24ce9a9]
- 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 (1295 ± 80 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Home | uiStartup | 1295 | 1144 | 1570 | 80 | 1343 | 1418 |
| load | 1125 | 989 | 1364 | 79 | 1176 | 1246 | |||
| domContentLoaded | 1118 | 969 | 1359 | 80 | 1170 | 1240 | |||
| domInteractive | 18 | 14 | 34 | 4 | 18 | 28 | |||
| firstPaint | 750 | 134 | 1372 | 457 | 1157 | 1242 | |||
| backgroundConnect | 8 | 4 | 35 | 5 | 8 | 26 | |||
| firstReactRender | 20 | 16 | 46 | 3 | 21 | 23 | |||
| getState | 14 | 6 | 32 | 7 | 19 | 27 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 0 | |||
| loadScripts | 862 | 723 | 1087 | 78 | 918 | 982 | |||
| setupStore | 8 | 5 | 15 | 2 | 9 | 13 | |||
| Webpack | Home | uiStartup | 2160 | 1714 | 2672 | 209 | 2272 | 2543 | |
| load | 1683 | 1314 | 2071 | 177 | 1800 | 1958 | |||
| domContentLoaded | 1674 | 1307 | 2061 | 174 | 1792 | 1938 | |||
| domInteractive | 16 | 12 | 81 | 11 | 13 | 48 | |||
| firstPaint | 159 | 61 | 323 | 54 | 182 | 270 | |||
| backgroundConnect | 24 | 11 | 317 | 30 | 24 | 37 | |||
| firstReactRender | 142 | 48 | 368 | 107 | 132 | 358 | |||
| getState | 17 | 4 | 316 | 42 | 13 | 26 | |||
| initialActions | 9 | 1 | 306 | 42 | 3 | 5 | |||
| loadScripts | 1671 | 1305 | 2046 | 172 | 1790 | 1926 | |||
| setupStore | 29 | 7 | 319 | 65 | 18 | 306 | |||
| Firefox | Browserify | Home | uiStartup | 1412 | 1199 | 1778 | 103 | 1469 | 1621 |
| load | 1257 | 1071 | 1639 | 98 | 1305 | 1461 | |||
| domContentLoaded | 1257 | 1071 | 1638 | 98 | 1305 | 1461 | |||
| domInteractive | 108 | 37 | 222 | 31 | 120 | 174 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 22 | 13 | 96 | 9 | 24 | 30 | |||
| firstReactRender | 24 | 21 | 32 | 2 | 25 | 30 | |||
| getState | 8 | 4 | 44 | 5 | 9 | 11 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1237 | 1058 | 1612 | 96 | 1287 | 1437 | |||
| setupStore | 7 | 4 | 42 | 4 | 7 | 11 | |||
| Webpack | Home | uiStartup | 1482 | 1324 | 1748 | 91 | 1524 | 1673 | |
| load | 1288 | 1162 | 1569 | 95 | 1326 | 1497 | |||
| domContentLoaded | 1288 | 1161 | 1568 | 95 | 1326 | 1497 | |||
| domInteractive | 77 | 56 | 157 | 16 | 79 | 107 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 21 | 15 | 45 | 6 | 21 | 41 | |||
| firstReactRender | 40 | 29 | 56 | 4 | 42 | 47 | |||
| getState | 8 | 5 | 43 | 4 | 9 | 11 | |||
| initialActions | 0 | 0 | 2 | 1 | 1 | 1 | |||
| loadScripts | 1270 | 1146 | 1552 | 96 | 1309 | 1480 | |||
| setupStore | 8 | 5 | 32 | 4 | 8 | 19 |
Benchmark value 1125 exceeds gate value 1070 for chrome browserify home mean load
Benchmark value 1118 exceeds gate value 1061 for chrome browserify home mean domContentLoaded
Benchmark value 862 exceeds gate value 830 for chrome browserify home mean loadScripts
Benchmark value 1418 exceeds gate value 1365 for chrome browserify home p95 uiStartup
Benchmark value 1246 exceeds gate value 1190 for chrome browserify home p95 load
Benchmark value 1241 exceeds gate value 1180 for chrome browserify home p95 domContentLoaded
Benchmark value 1243 exceeds gate value 1180 for chrome browserify home p95 firstPaint
Benchmark value 27 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 982 exceeds gate value 940 for chrome browserify home p95 loadScripts
Benchmark value 9 exceeds gate value 7 for chrome webpack home mean initialActions
Benchmark value 2544 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 306 exceeds gate value 65 for chrome webpack home p95 setupStore
Benchmark value 1412 exceeds gate value 1405 for firefox browserify home mean uiStartup
Benchmark value 1258 exceeds gate value 1245 for firefox browserify home mean load
Benchmark value 1257 exceeds gate value 1239 for firefox browserify home mean domContentLoaded
Benchmark value 1238 exceeds gate value 1230 for firefox browserify home mean loadScripts
Benchmark value 40 exceeds gate value 38 for firefox webpack home mean firstReactRender
Sum of mean exceeds: 255ms | Sum of p95 exceeds: 615ms
Sum of all benchmark exceeds: 870ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: -1.34 KiB (-0.03%)
- ui: 5.38 KiB (0.07%)
- common: 2.67 KiB (0.03%)
Builds ready [e5f33cb]
- 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 (1202 ± 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 | 1202 | 1104 | 1423 | 56 | 1238 | 1299 |
| load | 1043 | 945 | 1171 | 50 | 1070 | 1138 | |||
| domContentLoaded | 1037 | 941 | 1165 | 50 | 1062 | 1133 | |||
| domInteractive | 17 | 14 | 34 | 4 | 16 | 29 | |||
| firstPaint | 739 | 83 | 1138 | 399 | 1053 | 1110 | |||
| backgroundConnect | 7 | 4 | 26 | 4 | 7 | 11 | |||
| firstReactRender | 20 | 16 | 41 | 4 | 20 | 27 | |||
| getState | 14 | 6 | 49 | 8 | 19 | 29 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 791 | 699 | 926 | 49 | 818 | 885 | |||
| setupStore | 7 | 5 | 16 | 2 | 7 | 12 | |||
| Webpack | Home | uiStartup | 2020 | 1593 | 2583 | 238 | 2178 | 2488 | |
| load | 1571 | 1259 | 1995 | 188 | 1705 | 1916 | |||
| domContentLoaded | 1566 | 1255 | 1987 | 187 | 1698 | 1906 | |||
| domInteractive | 17 | 11 | 133 | 17 | 13 | 61 | |||
| firstPaint | 155 | 60 | 467 | 58 | 181 | 253 | |||
| backgroundConnect | 19 | 13 | 39 | 5 | 22 | 31 | |||
| firstReactRender | 110 | 46 | 364 | 87 | 98 | 344 | |||
| getState | 13 | 4 | 313 | 30 | 12 | 20 | |||
| initialActions | 8 | 1 | 290 | 38 | 3 | 4 | |||
| loadScripts | 1563 | 1253 | 1976 | 185 | 1695 | 1895 | |||
| setupStore | 44 | 7 | 317 | 90 | 18 | 311 | |||
| Firefox | Browserify | Home | uiStartup | 1326 | 1188 | 1640 | 82 | 1371 | 1492 |
| load | 1180 | 1062 | 1484 | 77 | 1216 | 1343 | |||
| domContentLoaded | 1180 | 1062 | 1484 | 77 | 1216 | 1343 | |||
| domInteractive | 100 | 34 | 273 | 34 | 108 | 157 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 20 | 13 | 98 | 11 | 20 | 29 | |||
| firstReactRender | 23 | 21 | 28 | 1 | 23 | 27 | |||
| getState | 7 | 4 | 10 | 1 | 8 | 10 | |||
| initialActions | 0 | 0 | 2 | 0 | 0 | 1 | |||
| loadScripts | 1161 | 1047 | 1461 | 75 | 1194 | 1324 | |||
| setupStore | 6 | 4 | 21 | 3 | 6 | 11 | |||
| Webpack | Home | uiStartup | 1512 | 1356 | 1747 | 100 | 1591 | 1720 | |
| load | 1321 | 1177 | 1571 | 104 | 1408 | 1534 | |||
| domContentLoaded | 1321 | 1177 | 1571 | 104 | 1408 | 1533 | |||
| domInteractive | 79 | 30 | 153 | 15 | 86 | 104 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 20 | 15 | 31 | 3 | 21 | 28 | |||
| firstReactRender | 40 | 28 | 76 | 5 | 43 | 46 | |||
| getState | 8 | 5 | 30 | 5 | 9 | 27 | |||
| initialActions | 0 | 0 | 2 | 1 | 1 | 1 | |||
| loadScripts | 1302 | 1159 | 1551 | 105 | 1388 | 1516 | |||
| setupStore | 8 | 5 | 46 | 5 | 8 | 9 |
Benchmark value 45 exceeds gate value 32 for chrome webpack home mean setupStore
Benchmark value 2488 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 61 exceeds gate value 57 for chrome webpack home p95 domInteractive
Benchmark value 311 exceeds gate value 65 for chrome webpack home p95 setupStore
Benchmark value 41 exceeds gate value 38 for firefox webpack home mean firstReactRender
Sum of mean exceeds: 17ms | Sum of p95 exceeds: 284ms
Sum of all benchmark exceeds: 301ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: -1.26 KiB (-0.02%)
- ui: 5.41 KiB (0.08%)
- common: 2.67 KiB (0.03%)
Builds ready [6e17bc6]
- 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 (1203 ± 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 | 1203 | 1100 | 1355 | 57 | 1234 | 1313 |
| load | 1042 | 936 | 1187 | 53 | 1072 | 1133 | |||
| domContentLoaded | 1036 | 929 | 1181 | 54 | 1066 | 1128 | |||
| domInteractive | 16 | 13 | 33 | 3 | 16 | 20 | |||
| firstPaint | 752 | 72 | 1192 | 406 | 1053 | 1135 | |||
| backgroundConnect | 7 | 4 | 28 | 5 | 7 | 22 | |||
| firstReactRender | 20 | 16 | 42 | 4 | 20 | 24 | |||
| getState | 14 | 6 | 37 | 7 | 19 | 28 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 793 | 687 | 936 | 53 | 823 | 892 | |||
| setupStore | 8 | 5 | 16 | 2 | 8 | 13 | |||
| Webpack | Home | uiStartup | 2018 | 1591 | 2448 | 222 | 2166 | 2400 | |
| load | 1570 | 1235 | 1883 | 173 | 1695 | 1857 | |||
| domContentLoaded | 1564 | 1231 | 1877 | 172 | 1691 | 1848 | |||
| domInteractive | 15 | 11 | 57 | 10 | 13 | 45 | |||
| firstPaint | 158 | 60 | 323 | 55 | 192 | 279 | |||
| backgroundConnect | 22 | 10 | 269 | 26 | 21 | 33 | |||
| firstReactRender | 139 | 45 | 369 | 112 | 271 | 349 | |||
| getState | 10 | 4 | 26 | 4 | 11 | 20 | |||
| initialActions | 2 | 1 | 6 | 1 | 3 | 4 | |||
| loadScripts | 1561 | 1229 | 1876 | 170 | 1689 | 1837 | |||
| setupStore | 48 | 6 | 314 | 94 | 17 | 307 | |||
| Firefox | Browserify | Home | uiStartup | 1292 | 1201 | 1538 | 66 | 1332 | 1427 |
| load | 1152 | 1031 | 1419 | 68 | 1197 | 1285 | |||
| domContentLoaded | 1152 | 1031 | 1419 | 67 | 1197 | 1285 | |||
| domInteractive | 96 | 34 | 195 | 27 | 105 | 152 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 19 | 13 | 93 | 9 | 19 | 30 | |||
| firstReactRender | 22 | 20 | 28 | 2 | 23 | 26 | |||
| getState | 7 | 4 | 25 | 2 | 8 | 9 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1134 | 1018 | 1405 | 67 | 1176 | 1271 | |||
| setupStore | 6 | 4 | 16 | 2 | 6 | 9 | |||
| Webpack | Home | uiStartup | 1479 | 1321 | 1695 | 84 | 1535 | 1649 | |
| load | 1285 | 1157 | 1521 | 82 | 1334 | 1451 | |||
| domContentLoaded | 1284 | 1156 | 1521 | 82 | 1334 | 1451 | |||
| domInteractive | 78 | 60 | 147 | 15 | 82 | 114 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 20 | 16 | 60 | 5 | 21 | 24 | |||
| firstReactRender | 40 | 35 | 48 | 3 | 42 | 46 | |||
| getState | 8 | 5 | 31 | 4 | 9 | 11 | |||
| initialActions | 0 | 0 | 2 | 1 | 1 | 1 | |||
| loadScripts | 1266 | 1141 | 1505 | 83 | 1316 | 1434 | |||
| setupStore | 8 | 5 | 45 | 5 | 8 | 9 |
Benchmark value 48 exceeds gate value 32 for chrome webpack home mean setupStore
Benchmark value 307 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: 18ms | Sum of p95 exceeds: 247ms
Sum of all benchmark exceeds: 265ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: -1.26 KiB (-0.02%)
- ui: 5.41 KiB (0.08%)
- common: 2.48 KiB (0.03%)
Builds ready [62e36b3]
- 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 (1206 ± 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 | 1206 | 1089 | 1510 | 67 | 1247 | 1302 |
| load | 1051 | 943 | 1316 | 67 | 1100 | 1158 | |||
| domContentLoaded | 1045 | 928 | 1310 | 67 | 1093 | 1148 | |||
| domInteractive | 16 | 13 | 32 | 4 | 16 | 29 | |||
| firstPaint | 802 | 133 | 1211 | 387 | 1082 | 1154 | |||
| backgroundConnect | 7 | 4 | 28 | 4 | 7 | 13 | |||
| firstReactRender | 19 | 15 | 33 | 3 | 20 | 24 | |||
| getState | 14 | 6 | 31 | 7 | 19 | 28 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 800 | 695 | 1060 | 66 | 848 | 904 | |||
| setupStore | 8 | 5 | 15 | 2 | 8 | 13 | |||
| Webpack | Home | uiStartup | 2016 | 1481 | 2601 | 230 | 2159 | 2411 | |
| load | 1563 | 1138 | 2006 | 183 | 1687 | 1903 | |||
| domContentLoaded | 1558 | 1134 | 1993 | 182 | 1683 | 1896 | |||
| domInteractive | 16 | 11 | 84 | 13 | 13 | 57 | |||
| firstPaint | 160 | 59 | 362 | 58 | 179 | 279 | |||
| backgroundConnect | 22 | 10 | 259 | 24 | 22 | 31 | |||
| firstReactRender | 122 | 45 | 368 | 96 | 105 | 350 | |||
| getState | 10 | 4 | 37 | 4 | 11 | 18 | |||
| initialActions | 2 | 1 | 5 | 1 | 3 | 4 | |||
| loadScripts | 1555 | 1133 | 1982 | 181 | 1675 | 1885 | |||
| setupStore | 52 | 7 | 317 | 100 | 17 | 312 | |||
| Firefox | Browserify | Home | uiStartup | 1294 | 1172 | 1541 | 81 | 1341 | 1468 |
| load | 1151 | 1040 | 1392 | 78 | 1191 | 1343 | |||
| domContentLoaded | 1151 | 1040 | 1392 | 78 | 1191 | 1343 | |||
| domInteractive | 96 | 36 | 159 | 25 | 108 | 143 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 20 | 12 | 130 | 13 | 20 | 38 | |||
| firstReactRender | 22 | 20 | 28 | 2 | 23 | 27 | |||
| getState | 7 | 4 | 37 | 4 | 8 | 9 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1133 | 1028 | 1367 | 76 | 1176 | 1317 | |||
| setupStore | 7 | 4 | 35 | 5 | 6 | 13 | |||
| Webpack | Home | uiStartup | 1448 | 1307 | 1698 | 89 | 1478 | 1618 | |
| load | 1263 | 1147 | 1508 | 86 | 1295 | 1437 | |||
| domContentLoaded | 1263 | 1147 | 1508 | 86 | 1294 | 1437 | |||
| domInteractive | 75 | 28 | 156 | 16 | 80 | 109 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 19 | 14 | 40 | 3 | 21 | 24 | |||
| firstReactRender | 38 | 27 | 45 | 3 | 41 | 43 | |||
| getState | 8 | 4 | 30 | 5 | 9 | 28 | |||
| initialActions | 0 | 0 | 2 | 1 | 1 | 1 | |||
| loadScripts | 1245 | 1131 | 1489 | 86 | 1275 | 1420 | |||
| setupStore | 7 | 5 | 26 | 3 | 7 | 9 |
Benchmark value 52 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 39 exceeds gate value 38 for firefox webpack home mean firstReactRender
Sum of mean exceeds: 23ms | Sum of p95 exceeds: 247ms
Sum of all benchmark exceeds: 270ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: -1.26 KiB (-0.02%)
- ui: 5.41 KiB (0.08%)
- common: 2.48 KiB (0.03%)
Builds ready [1a84dbd]
- 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 (1214 ± 63 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Home | uiStartup | 1214 | 1092 | 1383 | 63 | 1254 | 1342 |
| load | 1057 | 948 | 1205 | 62 | 1098 | 1187 | |||
| domContentLoaded | 1050 | 943 | 1197 | 62 | 1089 | 1178 | |||
| domInteractive | 16 | 13 | 35 | 4 | 16 | 31 | |||
| firstPaint | 735 | 79 | 1197 | 415 | 1058 | 1162 | |||
| backgroundConnect | 7 | 4 | 25 | 3 | 7 | 10 | |||
| firstReactRender | 20 | 15 | 52 | 6 | 21 | 33 | |||
| getState | 12 | 6 | 32 | 7 | 17 | 27 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 0 | |||
| loadScripts | 805 | 704 | 949 | 61 | 842 | 938 | |||
| setupStore | 8 | 5 | 24 | 3 | 8 | 13 | |||
| Webpack | Home | uiStartup | 2276 | 1778 | 2672 | 192 | 2398 | 2585 | |
| load | 1782 | 1388 | 2130 | 161 | 1879 | 1988 | |||
| domContentLoaded | 1776 | 1383 | 2119 | 160 | 1874 | 1977 | |||
| domInteractive | 17 | 12 | 58 | 11 | 15 | 51 | |||
| firstPaint | 161 | 70 | 437 | 56 | 177 | 257 | |||
| backgroundConnect | 22 | 11 | 68 | 9 | 26 | 40 | |||
| firstReactRender | 163 | 50 | 373 | 114 | 317 | 360 | |||
| getState | 12 | 4 | 32 | 5 | 15 | 22 | |||
| initialActions | 12 | 1 | 309 | 51 | 4 | 6 | |||
| loadScripts | 1773 | 1380 | 2105 | 159 | 1872 | 1971 | |||
| setupStore | 35 | 7 | 333 | 69 | 21 | 271 | |||
| Firefox | Browserify | Home | uiStartup | 1326 | 1133 | 1538 | 76 | 1376 | 1458 |
| load | 1175 | 1009 | 1364 | 71 | 1212 | 1300 | |||
| domContentLoaded | 1175 | 1008 | 1364 | 71 | 1211 | 1300 | |||
| domInteractive | 99 | 36 | 189 | 29 | 110 | 162 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 18 | 13 | 28 | 3 | 20 | 23 | |||
| firstReactRender | 23 | 21 | 29 | 2 | 24 | 28 | |||
| getState | 8 | 5 | 36 | 4 | 8 | 10 | |||
| initialActions | 0 | 0 | 2 | 0 | 0 | 1 | |||
| loadScripts | 1159 | 999 | 1341 | 70 | 1192 | 1283 | |||
| setupStore | 7 | 3 | 36 | 5 | 7 | 11 | |||
| Webpack | Home | uiStartup | 1525 | 1358 | 1830 | 101 | 1599 | 1706 | |
| load | 1329 | 1186 | 1615 | 101 | 1414 | 1530 | |||
| domContentLoaded | 1329 | 1186 | 1615 | 101 | 1413 | 1530 | |||
| domInteractive | 81 | 59 | 168 | 16 | 87 | 117 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 21 | 15 | 43 | 4 | 22 | 28 | |||
| firstReactRender | 41 | 30 | 56 | 4 | 43 | 49 | |||
| getState | 9 | 4 | 30 | 6 | 9 | 28 | |||
| initialActions | 0 | 0 | 3 | 1 | 1 | 1 | |||
| loadScripts | 1311 | 1166 | 1597 | 102 | 1396 | 1513 | |||
| setupStore | 8 | 5 | 22 | 2 | 8 | 10 |
Benchmark value 1783 exceeds gate value 1711 for chrome webpack home mean load
Benchmark value 1777 exceeds gate value 1704 for chrome webpack home mean domContentLoaded
Benchmark value 12 exceeds gate value 7 for chrome webpack home mean initialActions
Benchmark value 1773 exceeds gate value 1699 for chrome webpack home mean loadScripts
Benchmark value 35 exceeds gate value 32 for chrome webpack home mean setupStore
Benchmark value 2585 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 1972 exceeds gate value 1970 for chrome webpack home p95 loadScripts
Benchmark value 271 exceeds gate value 65 for chrome webpack home p95 setupStore
Benchmark value 41 exceeds gate value 38 for firefox webpack home mean firstReactRender
Sum of mean exceeds: 314ms | Sum of p95 exceeds: 339ms
Sum of all benchmark exceeds: 653ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: -1.26 KiB (-0.02%)
- ui: 5.41 KiB (0.08%)
- common: 2.48 KiB (0.03%)
Builds ready [00ec6c3]
- 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 ± 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 | 1199 | 1077 | 1388 | 56 | 1230 | 1325 |
| load | 1043 | 934 | 1212 | 56 | 1067 | 1162 | |||
| domContentLoaded | 1037 | 929 | 1205 | 57 | 1060 | 1158 | |||
| domInteractive | 16 | 13 | 35 | 4 | 16 | 27 | |||
| firstPaint | 735 | 78 | 1197 | 410 | 1054 | 1120 | |||
| backgroundConnect | 7 | 4 | 28 | 4 | 7 | 20 | |||
| firstReactRender | 21 | 14 | 44 | 5 | 20 | 34 | |||
| getState | 14 | 6 | 37 | 7 | 18 | 30 | |||
| initialActions | 0 | 0 | 3 | 0 | 0 | 1 | |||
| loadScripts | 793 | 693 | 961 | 56 | 818 | 902 | |||
| setupStore | 8 | 5 | 17 | 2 | 8 | 13 | |||
| Webpack | Home | uiStartup | 2178 | 1648 | 2638 | 202 | 2306 | 2509 | |
| load | 1682 | 1285 | 2029 | 162 | 1772 | 1932 | |||
| domContentLoaded | 1676 | 1281 | 2019 | 161 | 1768 | 1920 | |||
| domInteractive | 16 | 12 | 73 | 13 | 13 | 53 | |||
| firstPaint | 154 | 62 | 560 | 62 | 167 | 256 | |||
| backgroundConnect | 22 | 10 | 43 | 6 | 26 | 35 | |||
| firstReactRender | 179 | 49 | 375 | 122 | 326 | 356 | |||
| getState | 11 | 4 | 24 | 4 | 13 | 20 | |||
| initialActions | 6 | 1 | 312 | 31 | 3 | 5 | |||
| loadScripts | 1673 | 1279 | 2008 | 160 | 1763 | 1909 | |||
| setupStore | 39 | 7 | 335 | 80 | 20 | 310 | |||
| Firefox | Browserify | Home | uiStartup | 1354 | 1194 | 1545 | 66 | 1389 | 1481 |
| load | 1208 | 1034 | 1404 | 67 | 1246 | 1319 | |||
| domContentLoaded | 1208 | 1033 | 1403 | 67 | 1245 | 1319 | |||
| domInteractive | 106 | 37 | 190 | 29 | 119 | 160 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 22 | 13 | 139 | 15 | 23 | 31 | |||
| firstReactRender | 23 | 21 | 33 | 2 | 24 | 28 | |||
| getState | 7 | 5 | 12 | 1 | 8 | 10 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1188 | 1017 | 1381 | 65 | 1227 | 1294 | |||
| setupStore | 6 | 4 | 15 | 2 | 6 | 11 | |||
| Webpack | Home | uiStartup | 1524 | 1350 | 1823 | 111 | 1620 | 1728 | |
| load | 1328 | 1172 | 1639 | 112 | 1422 | 1533 | |||
| domContentLoaded | 1328 | 1172 | 1639 | 112 | 1422 | 1533 | |||
| domInteractive | 81 | 58 | 151 | 14 | 87 | 106 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 20 | 15 | 33 | 3 | 21 | 25 | |||
| firstReactRender | 41 | 35 | 74 | 5 | 43 | 47 | |||
| getState | 8 | 4 | 30 | 4 | 9 | 12 | |||
| initialActions | 0 | 0 | 1 | 0 | 1 | 1 | |||
| loadScripts | 1310 | 1157 | 1622 | 112 | 1405 | 1516 | |||
| setupStore | 7 | 5 | 24 | 2 | 8 | 9 |
Benchmark value 40 exceeds gate value 32 for chrome webpack home mean setupStore
Benchmark value 2509 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 310 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: 12ms | Sum of p95 exceeds: 303ms
Sum of all benchmark exceeds: 315ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: -1.26 KiB (-0.02%)
- ui: 5.41 KiB (0.08%)
- common: 2.48 KiB (0.03%)
Builds ready [c9a3713]
- 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 (1210 ± 63 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Home | uiStartup | 1210 | 1099 | 1387 | 63 | 1247 | 1342 |
| load | 1050 | 939 | 1215 | 64 | 1091 | 1177 | |||
| domContentLoaded | 1043 | 931 | 1210 | 64 | 1081 | 1168 | |||
| domInteractive | 17 | 13 | 141 | 13 | 16 | 28 | |||
| firstPaint | 783 | 137 | 1220 | 398 | 1070 | 1158 | |||
| backgroundConnect | 8 | 4 | 92 | 9 | 7 | 11 | |||
| firstReactRender | 20 | 14 | 37 | 4 | 20 | 29 | |||
| getState | 14 | 6 | 47 | 9 | 19 | 31 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 798 | 672 | 965 | 63 | 843 | 918 | |||
| setupStore | 8 | 5 | 18 | 3 | 8 | 13 | |||
| Webpack | Home | uiStartup | 2143 | 1723 | 2638 | 198 | 2238 | 2520 | |
| load | 1664 | 1329 | 2032 | 167 | 1776 | 1924 | |||
| domContentLoaded | 1658 | 1325 | 2023 | 166 | 1771 | 1915 | |||
| domInteractive | 16 | 11 | 95 | 12 | 13 | 49 | |||
| firstPaint | 161 | 66 | 517 | 66 | 170 | 277 | |||
| backgroundConnect | 22 | 13 | 50 | 7 | 25 | 39 | |||
| firstReactRender | 131 | 48 | 369 | 101 | 106 | 340 | |||
| getState | 22 | 5 | 320 | 55 | 14 | 26 | |||
| initialActions | 9 | 1 | 301 | 42 | 3 | 5 | |||
| loadScripts | 1654 | 1323 | 2011 | 165 | 1768 | 1903 | |||
| setupStore | 47 | 7 | 337 | 93 | 19 | 313 | |||
| Firefox | Browserify | Home | uiStartup | 1330 | 1189 | 1555 | 76 | 1376 | 1482 |
| load | 1184 | 1063 | 1396 | 77 | 1235 | 1340 | |||
| domContentLoaded | 1183 | 1063 | 1396 | 77 | 1234 | 1340 | |||
| domInteractive | 99 | 37 | 186 | 26 | 109 | 155 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 19 | 12 | 39 | 4 | 21 | 26 | |||
| firstReactRender | 23 | 20 | 50 | 3 | 23 | 26 | |||
| getState | 7 | 4 | 38 | 3 | 8 | 9 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1166 | 1045 | 1381 | 75 | 1217 | 1316 | |||
| setupStore | 6 | 4 | 36 | 4 | 6 | 12 | |||
| Webpack | Home | uiStartup | 1513 | 1363 | 1798 | 109 | 1588 | 1730 | |
| load | 1320 | 1175 | 1607 | 110 | 1395 | 1545 | |||
| domContentLoaded | 1320 | 1175 | 1607 | 110 | 1395 | 1544 | |||
| domInteractive | 79 | 51 | 167 | 17 | 85 | 109 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 20 | 15 | 39 | 4 | 22 | 26 | |||
| firstReactRender | 40 | 34 | 47 | 3 | 43 | 45 | |||
| getState | 8 | 4 | 31 | 4 | 9 | 11 | |||
| initialActions | 0 | 0 | 2 | 1 | 1 | 1 | |||
| loadScripts | 1301 | 1158 | 1590 | 111 | 1372 | 1528 | |||
| setupStore | 7 | 5 | 29 | 3 | 8 | 9 |
Benchmark value 47 exceeds gate value 32 for chrome webpack home mean setupStore
Benchmark value 2520 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 313 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: 19ms | Sum of p95 exceeds: 314ms
Sum of all benchmark exceeds: 333ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: -1.26 KiB (-0.02%)
- ui: 5.16 KiB (0.07%)
- common: 2.48 KiB (0.03%)
Builds ready [674931c]
- 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 (1216 ± 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 | 1216 | 1109 | 1401 | 65 | 1246 | 1373 |
| load | 1057 | 960 | 1224 | 62 | 1082 | 1179 | |||
| domContentLoaded | 1050 | 948 | 1220 | 63 | 1076 | 1174 | |||
| domInteractive | 17 | 14 | 37 | 5 | 17 | 34 | |||
| firstPaint | 769 | 138 | 1224 | 405 | 1072 | 1180 | |||
| backgroundConnect | 7 | 4 | 33 | 4 | 7 | 11 | |||
| firstReactRender | 21 | 16 | 47 | 5 | 21 | 29 | |||
| getState | 15 | 6 | 32 | 7 | 20 | 29 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 0 | |||
| loadScripts | 802 | 708 | 971 | 62 | 830 | 932 | |||
| setupStore | 8 | 5 | 19 | 2 | 8 | 13 | |||
| Webpack | Home | uiStartup | 2095 | 1658 | 2486 | 204 | 2226 | 2446 | |
| load | 1629 | 1297 | 2001 | 162 | 1733 | 1883 | |||
| domContentLoaded | 1623 | 1293 | 1996 | 162 | 1725 | 1874 | |||
| domInteractive | 16 | 11 | 67 | 12 | 13 | 48 | |||
| firstPaint | 155 | 61 | 326 | 54 | 190 | 264 | |||
| backgroundConnect | 21 | 12 | 49 | 7 | 24 | 34 | |||
| firstReactRender | 133 | 46 | 366 | 101 | 141 | 341 | |||
| getState | 11 | 4 | 23 | 4 | 12 | 19 | |||
| initialActions | 9 | 1 | 322 | 43 | 3 | 5 | |||
| loadScripts | 1620 | 1291 | 1987 | 160 | 1723 | 1863 | |||
| setupStore | 43 | 7 | 320 | 85 | 20 | 297 | |||
| Firefox | Browserify | Home | uiStartup | 1288 | 1138 | 1568 | 71 | 1312 | 1417 |
| load | 1148 | 1014 | 1422 | 65 | 1178 | 1275 | |||
| domContentLoaded | 1148 | 1014 | 1422 | 65 | 1178 | 1275 | |||
| domInteractive | 95 | 35 | 166 | 28 | 111 | 144 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 20 | 12 | 76 | 10 | 20 | 36 | |||
| firstReactRender | 22 | 20 | 49 | 3 | 23 | 26 | |||
| getState | 7 | 4 | 37 | 4 | 8 | 9 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1129 | 1002 | 1397 | 65 | 1159 | 1261 | |||
| setupStore | 6 | 3 | 34 | 3 | 6 | 10 | |||
| Webpack | Home | uiStartup | 1492 | 1318 | 1819 | 114 | 1568 | 1725 | |
| load | 1305 | 1149 | 1644 | 117 | 1364 | 1540 | |||
| domContentLoaded | 1304 | 1149 | 1644 | 117 | 1363 | 1539 | |||
| domInteractive | 75 | 58 | 135 | 12 | 82 | 95 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 20 | 14 | 39 | 3 | 21 | 25 | |||
| firstReactRender | 39 | 27 | 45 | 3 | 41 | 44 | |||
| getState | 8 | 4 | 30 | 4 | 8 | 10 | |||
| initialActions | 0 | 0 | 1 | 0 | 1 | 1 | |||
| loadScripts | 1286 | 1134 | 1622 | 117 | 1348 | 1523 | |||
| setupStore | 7 | 5 | 29 | 3 | 8 | 9 |
Benchmark value 9 exceeds gate value 7 for chrome webpack home mean initialActions
Benchmark value 44 exceeds gate value 32 for chrome webpack home mean setupStore
Benchmark value 297 exceeds gate value 65 for chrome webpack home p95 setupStore
Benchmark value 39 exceeds gate value 38 for firefox webpack home mean firstReactRender
Sum of mean exceeds: 15ms | Sum of p95 exceeds: 240ms
Sum of all benchmark exceeds: 255ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: -1.26 KiB (-0.02%)
- ui: 8.67 KiB (0.12%)
- common: 2.81 KiB (0.03%)
Builds ready [4decbcf]
- 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 (1187 ± 55 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Home | uiStartup | 1187 | 1087 | 1372 | 55 | 1226 | 1276 |
| load | 1027 | 905 | 1156 | 51 | 1058 | 1115 | |||
| domContentLoaded | 1022 | 899 | 1152 | 51 | 1053 | 1110 | |||
| domInteractive | 17 | 13 | 37 | 5 | 16 | 32 | |||
| firstPaint | 674 | 73 | 1169 | 410 | 1039 | 1095 | |||
| backgroundConnect | 6 | 4 | 15 | 2 | 7 | 9 | |||
| firstReactRender | 21 | 15 | 51 | 6 | 21 | 34 | |||
| getState | 13 | 6 | 50 | 8 | 19 | 29 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 778 | 663 | 901 | 50 | 811 | 863 | |||
| setupStore | 8 | 4 | 19 | 3 | 8 | 14 | |||
| Webpack | Home | uiStartup | 2037 | 1554 | 2475 | 229 | 2188 | 2385 | |
| load | 1565 | 1223 | 1934 | 173 | 1703 | 1849 | |||
| domContentLoaded | 1559 | 1219 | 1929 | 172 | 1697 | 1839 | |||
| domInteractive | 16 | 11 | 60 | 11 | 12 | 47 | |||
| firstPaint | 160 | 59 | 616 | 71 | 199 | 273 | |||
| backgroundConnect | 21 | 14 | 37 | 5 | 24 | 31 | |||
| firstReactRender | 133 | 45 | 374 | 100 | 133 | 331 | |||
| getState | 16 | 4 | 319 | 43 | 12 | 20 | |||
| initialActions | 5 | 1 | 245 | 24 | 3 | 4 | |||
| loadScripts | 1556 | 1218 | 1919 | 170 | 1692 | 1827 | |||
| setupStore | 40 | 6 | 313 | 82 | 19 | 306 | |||
| Firefox | Browserify | Home | uiStartup | 1302 | 1147 | 1537 | 71 | 1330 | 1455 |
| load | 1159 | 1024 | 1374 | 75 | 1197 | 1315 | |||
| domContentLoaded | 1158 | 1023 | 1373 | 75 | 1196 | 1315 | |||
| domInteractive | 95 | 34 | 178 | 24 | 105 | 133 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 20 | 14 | 114 | 11 | 20 | 29 | |||
| firstReactRender | 22 | 20 | 27 | 1 | 23 | 25 | |||
| getState | 7 | 4 | 32 | 3 | 7 | 9 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1140 | 1004 | 1358 | 74 | 1179 | 1290 | |||
| setupStore | 7 | 4 | 36 | 5 | 7 | 11 | |||
| Webpack | Home | uiStartup | 1498 | 1340 | 1731 | 96 | 1576 | 1688 | |
| load | 1311 | 1174 | 1550 | 101 | 1397 | 1498 | |||
| domContentLoaded | 1311 | 1173 | 1550 | 101 | 1396 | 1498 | |||
| domInteractive | 76 | 34 | 125 | 14 | 82 | 103 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 20 | 14 | 42 | 5 | 21 | 31 | |||
| firstReactRender | 39 | 28 | 46 | 3 | 41 | 45 | |||
| getState | 7 | 4 | 18 | 2 | 8 | 9 | |||
| initialActions | 0 | 0 | 1 | 0 | 1 | 1 | |||
| loadScripts | 1294 | 1156 | 1532 | 102 | 1380 | 1482 | |||
| setupStore | 7 | 5 | 21 | 3 | 7 | 9 |
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: 11ms | Sum of p95 exceeds: 241ms
Sum of all benchmark exceeds: 252ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: -1.26 KiB (-0.02%)
- ui: 8.67 KiB (0.12%)
- common: 2.81 KiB (0.03%)
Builds ready [1bb9aee]
- 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 (1208 ± 58 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Home | uiStartup | 1208 | 1098 | 1377 | 58 | 1246 | 1308 |
| load | 1049 | 941 | 1223 | 59 | 1085 | 1145 | |||
| domContentLoaded | 1043 | 936 | 1218 | 58 | 1075 | 1140 | |||
| domInteractive | 17 | 13 | 44 | 7 | 16 | 39 | |||
| firstPaint | 662 | 125 | 1228 | 424 | 1063 | 1134 | |||
| backgroundConnect | 7 | 4 | 38 | 4 | 7 | 9 | |||
| firstReactRender | 19 | 15 | 40 | 3 | 20 | 24 | |||
| getState | 13 | 5 | 31 | 7 | 17 | 27 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 800 | 695 | 951 | 57 | 836 | 897 | |||
| setupStore | 8 | 5 | 27 | 4 | 7 | 19 | |||
| Webpack | Home | uiStartup | 2246 | 1756 | 2779 | 213 | 2383 | 2632 | |
| load | 1743 | 1372 | 2101 | 176 | 1858 | 2019 | |||
| domContentLoaded | 1736 | 1368 | 2091 | 175 | 1854 | 2002 | |||
| domInteractive | 18 | 12 | 95 | 13 | 15 | 55 | |||
| firstPaint | 170 | 64 | 538 | 78 | 211 | 300 | |||
| backgroundConnect | 28 | 12 | 290 | 38 | 26 | 45 | |||
| firstReactRender | 187 | 47 | 383 | 120 | 313 | 368 | |||
| getState | 14 | 4 | 57 | 9 | 16 | 35 | |||
| initialActions | 6 | 1 | 308 | 30 | 4 | 6 | |||
| loadScripts | 1732 | 1366 | 2081 | 174 | 1852 | 1991 | |||
| setupStore | 22 | 7 | 306 | 33 | 23 | 38 | |||
| Firefox | Browserify | Home | uiStartup | 1336 | 1181 | 1749 | 109 | 1384 | 1602 |
| load | 1178 | 1048 | 1379 | 77 | 1225 | 1318 | |||
| domContentLoaded | 1178 | 1048 | 1378 | 76 | 1225 | 1317 | |||
| domInteractive | 106 | 34 | 356 | 52 | 110 | 183 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 24 | 12 | 206 | 25 | 21 | 62 | |||
| firstReactRender | 23 | 20 | 37 | 3 | 23 | 27 | |||
| getState | 10 | 5 | 133 | 15 | 8 | 23 | |||
| initialActions | 0 | 0 | 2 | 0 | 0 | 1 | |||
| loadScripts | 1158 | 1031 | 1349 | 73 | 1204 | 1290 | |||
| setupStore | 8 | 4 | 38 | 5 | 7 | 18 | |||
| Webpack | Home | uiStartup | 1567 | 1368 | 1944 | 148 | 1660 | 1851 | |
| load | 1366 | 1179 | 1636 | 126 | 1462 | 1606 | |||
| domContentLoaded | 1366 | 1178 | 1636 | 126 | 1461 | 1606 | |||
| domInteractive | 90 | 28 | 327 | 52 | 87 | 274 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 20 | 16 | 42 | 4 | 21 | 31 | |||
| firstReactRender | 41 | 35 | 50 | 3 | 43 | 47 | |||
| getState | 9 | 5 | 29 | 5 | 9 | 27 | |||
| initialActions | 1 | 0 | 2 | 1 | 1 | 1 | |||
| loadScripts | 1347 | 1162 | 1605 | 127 | 1446 | 1589 | |||
| setupStore | 10 | 5 | 104 | 12 | 8 | 28 |
Benchmark value 2247 exceeds gate value 2192 for chrome webpack home mean uiStartup
Benchmark value 1743 exceeds gate value 1711 for chrome webpack home mean load
Benchmark value 1736 exceeds gate value 1704 for chrome webpack home mean domContentLoaded
Benchmark value 1733 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 1991 exceeds gate value 1970 for chrome webpack home p95 loadScripts
Benchmark value 41 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 274 exceeds gate value 156 for firefox webpack home p95 domInteractive
Sum of mean exceeds: 156ms | Sum of p95 exceeds: 319ms
Sum of all benchmark exceeds: 475ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: -1.26 KiB (-0.02%)
- ui: 5.46 KiB (0.08%)
- common: 2.48 KiB (0.03%)
Builds ready [b1f4528]
- 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 ± 58 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 | 1143 | 1477 | 58 | 1279 | 1321 |
| load | 1068 | 969 | 1240 | 55 | 1105 | 1150 | |||
| domContentLoaded | 1062 | 964 | 1236 | 55 | 1101 | 1144 | |||
| domInteractive | 18 | 14 | 70 | 8 | 17 | 39 | |||
| firstPaint | 776 | 137 | 1245 | 412 | 1100 | 1152 | |||
| backgroundConnect | 8 | 4 | 28 | 4 | 8 | 14 | |||
| firstReactRender | 22 | 16 | 51 | 7 | 22 | 38 | |||
| getState | 13 | 5 | 36 | 7 | 19 | 27 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 0 | |||
| loadScripts | 812 | 716 | 975 | 53 | 852 | 895 | |||
| setupStore | 8 | 5 | 25 | 3 | 8 | 14 | |||
| Webpack | Home | uiStartup | 2052 | 1613 | 2682 | 225 | 2183 | 2463 | |
| load | 1592 | 1256 | 2073 | 177 | 1686 | 1919 | |||
| domContentLoaded | 1586 | 1252 | 2066 | 177 | 1681 | 1908 | |||
| domInteractive | 17 | 11 | 112 | 16 | 12 | 58 | |||
| firstPaint | 160 | 64 | 351 | 58 | 182 | 303 | |||
| backgroundConnect | 26 | 9 | 334 | 42 | 23 | 35 | |||
| firstReactRender | 138 | 45 | 366 | 106 | 145 | 351 | |||
| getState | 11 | 4 | 33 | 6 | 12 | 28 | |||
| initialActions | 3 | 1 | 6 | 1 | 3 | 5 | |||
| loadScripts | 1583 | 1251 | 2055 | 175 | 1679 | 1897 | |||
| setupStore | 22 | 7 | 297 | 46 | 16 | 28 | |||
| Firefox | Browserify | Home | uiStartup | 1353 | 1213 | 1658 | 104 | 1400 | 1573 |
| load | 1196 | 1040 | 1415 | 83 | 1265 | 1354 | |||
| domContentLoaded | 1196 | 1039 | 1414 | 83 | 1265 | 1354 | |||
| domInteractive | 111 | 36 | 357 | 57 | 118 | 283 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 23 | 14 | 110 | 15 | 23 | 46 | |||
| firstReactRender | 23 | 20 | 49 | 3 | 24 | 27 | |||
| getState | 9 | 5 | 38 | 6 | 8 | 27 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1176 | 1022 | 1389 | 81 | 1243 | 1328 | |||
| setupStore | 8 | 4 | 26 | 5 | 10 | 20 | |||
| Webpack | Home | uiStartup | 1520 | 1355 | 2038 | 147 | 1609 | 1853 | |
| load | 1324 | 1170 | 1794 | 129 | 1412 | 1564 | |||
| domContentLoaded | 1324 | 1169 | 1793 | 129 | 1411 | 1564 | |||
| domInteractive | 91 | 29 | 288 | 56 | 90 | 268 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 21 | 15 | 42 | 5 | 21 | 35 | |||
| firstReactRender | 40 | 35 | 49 | 3 | 43 | 46 | |||
| getState | 9 | 4 | 39 | 6 | 9 | 28 | |||
| initialActions | 1 | 0 | 2 | 1 | 1 | 1 | |||
| loadScripts | 1306 | 1152 | 1764 | 129 | 1395 | 1548 | |||
| setupStore | 8 | 5 | 28 | 3 | 8 | 12 |
Benchmark value 1062 exceeds gate value 1061 for chrome browserify home mean domContentLoaded
Benchmark value 2464 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 59 exceeds gate value 57 for chrome webpack home p95 domInteractive
Benchmark value 111 exceeds gate value 110 for firefox browserify home mean domInteractive
Benchmark value 283 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 27 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 41 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 268 exceeds gate value 156 for firefox webpack home p95 domInteractive
Sum of mean exceeds: 9ms | Sum of p95 exceeds: 215ms
Sum of all benchmark exceeds: 224ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: -1.26 KiB (-0.02%)
- ui: 5.46 KiB (0.08%)
- common: 2.48 KiB (0.03%)
Builds ready [139f248]
- 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 (1222 ± 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 | 1222 | 1104 | 1380 | 61 | 1269 | 1314 |
| load | 1056 | 922 | 1214 | 64 | 1106 | 1129 | |||
| domContentLoaded | 1050 | 913 | 1207 | 65 | 1099 | 1123 | |||
| domInteractive | 17 | 13 | 46 | 5 | 17 | 28 | |||
| firstPaint | 718 | 79 | 1220 | 419 | 1088 | 1127 | |||
| backgroundConnect | 7 | 4 | 32 | 4 | 8 | 11 | |||
| firstReactRender | 23 | 16 | 153 | 16 | 21 | 29 | |||
| getState | 13 | 6 | 31 | 7 | 19 | 25 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 803 | 659 | 945 | 64 | 856 | 883 | |||
| setupStore | 9 | 5 | 38 | 4 | 8 | 16 | |||
| Webpack | Home | uiStartup | 2097 | 1706 | 2526 | 196 | 2243 | 2341 | |
| load | 1646 | 1314 | 1943 | 156 | 1752 | 1853 | |||
| domContentLoaded | 1640 | 1310 | 1937 | 156 | 1746 | 1849 | |||
| domInteractive | 17 | 11 | 66 | 12 | 13 | 53 | |||
| firstPaint | 161 | 64 | 425 | 64 | 186 | 294 | |||
| backgroundConnect | 25 | 9 | 335 | 41 | 23 | 36 | |||
| firstReactRender | 125 | 46 | 379 | 92 | 130 | 325 | |||
| getState | 11 | 5 | 32 | 5 | 12 | 23 | |||
| initialActions | 3 | 1 | 7 | 1 | 3 | 5 | |||
| loadScripts | 1637 | 1309 | 1928 | 155 | 1741 | 1848 | |||
| setupStore | 21 | 7 | 263 | 38 | 18 | 34 | |||
| Firefox | Browserify | Home | uiStartup | 1392 | 1220 | 1699 | 109 | 1443 | 1645 |
| load | 1229 | 1084 | 1526 | 90 | 1276 | 1413 | |||
| domContentLoaded | 1229 | 1084 | 1525 | 90 | 1275 | 1413 | |||
| domInteractive | 113 | 37 | 366 | 52 | 122 | 197 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 23 | 13 | 104 | 13 | 22 | 42 | |||
| firstReactRender | 24 | 21 | 62 | 5 | 24 | 30 | |||
| getState | 9 | 4 | 65 | 7 | 9 | 20 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1209 | 1066 | 1505 | 88 | 1259 | 1378 | |||
| setupStore | 9 | 4 | 101 | 13 | 10 | 19 | |||
| Webpack | Home | uiStartup | 1587 | 1403 | 2376 | 174 | 1679 | 2015 | |
| load | 1374 | 1213 | 1940 | 142 | 1474 | 1656 | |||
| domContentLoaded | 1374 | 1213 | 1940 | 142 | 1473 | 1656 | |||
| domInteractive | 96 | 31 | 495 | 71 | 87 | 284 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 22 | 16 | 42 | 5 | 24 | 31 | |||
| firstReactRender | 43 | 35 | 54 | 4 | 45 | 49 | |||
| getState | 11 | 6 | 42 | 8 | 10 | 31 | |||
| initialActions | 1 | 0 | 2 | 1 | 1 | 1 | |||
| loadScripts | 1354 | 1193 | 1915 | 143 | 1450 | 1635 | |||
| setupStore | 10 | 5 | 83 | 9 | 9 | 23 |
Benchmark value 10 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 197 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 43 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 2015 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 1635 exceeds gate value 1630 for firefox webpack home p95 loadScripts
Sum of mean exceeds: 10ms | Sum of p95 exceeds: 215ms
Sum of all benchmark exceeds: 225ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: -1.26 KiB (-0.02%)
- ui: 6.4 KiB (0.09%)
- common: 2.48 KiB (0.03%)
Builds ready [36136fc]
- 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 (1241 ± 75 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Home | uiStartup | 1241 | 1107 | 1486 | 75 | 1292 | 1367 |
| load | 1074 | 941 | 1283 | 71 | 1131 | 1195 | |||
| domContentLoaded | 1068 | 934 | 1278 | 72 | 1127 | 1187 | |||
| domInteractive | 17 | 14 | 39 | 5 | 17 | 32 | |||
| firstPaint | 697 | 84 | 1302 | 443 | 1095 | 1175 | |||
| backgroundConnect | 8 | 4 | 30 | 4 | 8 | 21 | |||
| firstReactRender | 20 | 16 | 35 | 3 | 21 | 25 | |||
| getState | 13 | 6 | 37 | 7 | 18 | 24 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 0 | |||
| loadScripts | 822 | 701 | 1024 | 70 | 887 | 941 | |||
| setupStore | 8 | 5 | 20 | 3 | 8 | 16 | |||
| Webpack | Home | uiStartup | 2065 | 1628 | 2555 | 212 | 2214 | 2480 | |
| load | 1615 | 1282 | 2001 | 164 | 1705 | 1872 | |||
| domContentLoaded | 1609 | 1278 | 1996 | 163 | 1701 | 1860 | |||
| domInteractive | 17 | 11 | 83 | 13 | 13 | 51 | |||
| firstPaint | 159 | 64 | 648 | 69 | 172 | 267 | |||
| backgroundConnect | 20 | 10 | 38 | 6 | 22 | 30 | |||
| firstReactRender | 141 | 44 | 374 | 110 | 276 | 353 | |||
| getState | 13 | 4 | 318 | 31 | 11 | 21 | |||
| initialActions | 2 | 1 | 5 | 1 | 3 | 4 | |||
| loadScripts | 1606 | 1276 | 1986 | 162 | 1699 | 1850 | |||
| setupStore | 22 | 7 | 315 | 51 | 15 | 23 | |||
| Firefox | Browserify | Home | uiStartup | 1331 | 1187 | 1744 | 107 | 1387 | 1606 |
| load | 1173 | 1039 | 1455 | 80 | 1233 | 1318 | |||
| domContentLoaded | 1173 | 1038 | 1454 | 80 | 1233 | 1318 | |||
| domInteractive | 113 | 34 | 471 | 78 | 110 | 323 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 21 | 13 | 85 | 13 | 21 | 44 | |||
| firstReactRender | 23 | 20 | 48 | 3 | 23 | 28 | |||
| getState | 9 | 4 | 66 | 10 | 8 | 19 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1155 | 1028 | 1427 | 80 | 1217 | 1303 | |||
| setupStore | 8 | 4 | 66 | 7 | 7 | 19 | |||
| Webpack | Home | uiStartup | 1554 | 1313 | 2121 | 166 | 1646 | 1939 | |
| load | 1355 | 1149 | 1793 | 138 | 1459 | 1600 | |||
| domContentLoaded | 1355 | 1149 | 1793 | 138 | 1458 | 1600 | |||
| domInteractive | 92 | 29 | 482 | 64 | 92 | 270 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 20 | 15 | 43 | 5 | 21 | 30 | |||
| firstReactRender | 40 | 33 | 48 | 3 | 42 | 47 | |||
| getState | 9 | 5 | 32 | 5 | 9 | 18 | |||
| initialActions | 1 | 0 | 2 | 1 | 1 | 1 | |||
| loadScripts | 1337 | 1134 | 1773 | 138 | 1442 | 1580 | |||
| setupStore | 9 | 5 | 53 | 6 | 8 | 20 |
Benchmark value 1075 exceeds gate value 1070 for chrome browserify home mean load
Benchmark value 1068 exceeds gate value 1061 for chrome browserify home mean domContentLoaded
Benchmark value 1367 exceeds gate value 1365 for chrome browserify home p95 uiStartup
Benchmark value 1195 exceeds gate value 1190 for chrome browserify home p95 load
Benchmark value 1187 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 941 exceeds gate value 940 for chrome browserify home p95 loadScripts
Benchmark value 2480 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 113 exceeds gate value 110 for firefox browserify home mean domInteractive
Benchmark value 323 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 41 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 1939 exceeds gate value 1935 for firefox webpack home p95 uiStartup
Benchmark value 270 exceeds gate value 156 for firefox webpack home p95 domInteractive
Sum of mean exceeds: 25ms | Sum of p95 exceeds: 291ms
Sum of all benchmark exceeds: 316ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: -1.26 KiB (-0.02%)
- ui: 4.25 KiB (0.06%)
- common: 2.48 KiB (0.03%)
Builds ready [d73b50a]
- 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 (1190 ± 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 | 1190 | 1100 | 1387 | 57 | 1239 | 1284 |
| load | 1031 | 931 | 1181 | 58 | 1073 | 1128 | |||
| domContentLoaded | 1025 | 924 | 1166 | 59 | 1067 | 1123 | |||
| domInteractive | 17 | 13 | 41 | 6 | 16 | 39 | |||
| firstPaint | 736 | 79 | 1182 | 401 | 1059 | 1127 | |||
| backgroundConnect | 8 | 4 | 43 | 6 | 8 | 21 | |||
| firstReactRender | 19 | 16 | 39 | 3 | 20 | 25 | |||
| getState | 14 | 5 | 48 | 8 | 20 | 32 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 781 | 670 | 910 | 57 | 829 | 874 | |||
| setupStore | 8 | 5 | 23 | 4 | 8 | 15 | |||
| Webpack | Home | uiStartup | 2109 | 1626 | 2666 | 210 | 2244 | 2515 | |
| load | 1654 | 1277 | 2150 | 174 | 1762 | 1944 | |||
| domContentLoaded | 1648 | 1272 | 2134 | 172 | 1756 | 1930 | |||
| domInteractive | 16 | 11 | 67 | 12 | 13 | 51 | |||
| firstPaint | 167 | 65 | 674 | 82 | 193 | 307 | |||
| backgroundConnect | 21 | 10 | 62 | 8 | 24 | 33 | |||
| firstReactRender | 155 | 45 | 369 | 116 | 297 | 358 | |||
| getState | 11 | 4 | 45 | 6 | 12 | 29 | |||
| initialActions | 6 | 1 | 301 | 30 | 3 | 4 | |||
| loadScripts | 1645 | 1271 | 2124 | 171 | 1752 | 1928 | |||
| setupStore | 20 | 6 | 323 | 43 | 17 | 26 | |||
| Firefox | Browserify | Home | uiStartup | 1317 | 1184 | 1703 | 108 | 1361 | 1602 |
| load | 1159 | 1037 | 1360 | 75 | 1205 | 1307 | |||
| domContentLoaded | 1159 | 1037 | 1359 | 75 | 1205 | 1307 | |||
| domInteractive | 109 | 35 | 469 | 72 | 110 | 267 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 23 | 13 | 94 | 15 | 22 | 52 | |||
| firstReactRender | 23 | 20 | 59 | 4 | 24 | 28 | |||
| getState | 9 | 4 | 97 | 10 | 8 | 27 | |||
| initialActions | 0 | 0 | 2 | 0 | 0 | 1 | |||
| loadScripts | 1139 | 1020 | 1338 | 73 | 1188 | 1282 | |||
| setupStore | 9 | 4 | 75 | 11 | 7 | 28 | |||
| Webpack | Home | uiStartup | 1585 | 1367 | 2212 | 169 | 1679 | 1917 | |
| load | 1383 | 1177 | 1967 | 147 | 1501 | 1637 | |||
| domContentLoaded | 1382 | 1177 | 1967 | 147 | 1500 | 1636 | |||
| domInteractive | 97 | 31 | 483 | 70 | 89 | 278 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 20 | 15 | 41 | 4 | 22 | 29 | |||
| firstReactRender | 41 | 35 | 51 | 3 | 44 | 48 | |||
| getState | 10 | 5 | 33 | 6 | 9 | 30 | |||
| initialActions | 0 | 0 | 1 | 0 | 1 | 1 | |||
| loadScripts | 1364 | 1161 | 1943 | 147 | 1483 | 1615 | |||
| setupStore | 8 | 5 | 29 | 4 | 8 | 15 |
Benchmark value 2515 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 267 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 27 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 28 exceeds gate value 27 for firefox browserify home p95 setupStore
Benchmark value 1383 exceeds gate value 1380 for firefox webpack home mean load
Benchmark value 1383 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 1364 exceeds gate value 1360 for firefox webpack home mean loadScripts
Benchmark value 278 exceeds gate value 156 for firefox webpack home p95 domInteractive
Sum of mean exceeds: 14ms | Sum of p95 exceeds: 262ms
Sum of all benchmark exceeds: 276ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: -1.26 KiB (-0.02%)
- ui: 4.22 KiB (0.06%)
- common: 2.48 KiB (0.03%)
Builds ready [fd1522a]
- 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 ± 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 | 1248 | 1129 | 1437 | 59 | 1281 | 1338 |
| load | 1079 | 964 | 1204 | 56 | 1108 | 1167 | |||
| domContentLoaded | 1072 | 954 | 1198 | 56 | 1101 | 1157 | |||
| domInteractive | 18 | 14 | 51 | 6 | 17 | 31 | |||
| firstPaint | 771 | 140 | 1205 | 416 | 1101 | 1165 | |||
| backgroundConnect | 8 | 4 | 32 | 5 | 8 | 23 | |||
| firstReactRender | 21 | 17 | 53 | 4 | 21 | 26 | |||
| getState | 13 | 6 | 33 | 7 | 18 | 28 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 0 | |||
| loadScripts | 820 | 707 | 942 | 54 | 855 | 907 | |||
| setupStore | 9 | 5 | 25 | 4 | 9 | 18 | |||
| Webpack | Home | uiStartup | 2583 | 1945 | 3361 | 248 | 2706 | 3014 | |
| load | 2087 | 1482 | 2668 | 246 | 2217 | 2456 | |||
| domContentLoaded | 2078 | 1476 | 2655 | 243 | 2211 | 2451 | |||
| domInteractive | 22 | 14 | 135 | 21 | 17 | 69 | |||
| firstPaint | 194 | 71 | 602 | 77 | 217 | 350 | |||
| backgroundConnect | 48 | 12 | 325 | 70 | 45 | 288 | |||
| firstReactRender | 108 | 50 | 336 | 61 | 137 | 288 | |||
| getState | 24 | 5 | 316 | 46 | 20 | 55 | |||
| initialActions | 3 | 1 | 8 | 1 | 3 | 5 | |||
| loadScripts | 2071 | 1475 | 2640 | 240 | 2200 | 2449 | |||
| setupStore | 36 | 7 | 331 | 70 | 20 | 234 | |||
| Firefox | Browserify | Home | uiStartup | 1325 | 1170 | 1811 | 123 | 1352 | 1626 |
| load | 1170 | 1044 | 1481 | 88 | 1212 | 1352 | |||
| domContentLoaded | 1170 | 1044 | 1480 | 88 | 1212 | 1352 | |||
| domInteractive | 113 | 36 | 511 | 69 | 112 | 309 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 20 | 13 | 53 | 7 | 20 | 35 | |||
| firstReactRender | 23 | 20 | 35 | 2 | 23 | 26 | |||
| getState | 10 | 4 | 117 | 12 | 8 | 25 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1152 | 1027 | 1459 | 87 | 1194 | 1327 | |||
| setupStore | 9 | 4 | 81 | 12 | 7 | 22 | |||
| Webpack | Home | uiStartup | 1569 | 1378 | 3435 | 242 | 1610 | 1918 | |
| load | 1356 | 1189 | 1834 | 137 | 1437 | 1610 | |||
| domContentLoaded | 1355 | 1188 | 1834 | 137 | 1437 | 1610 | |||
| domInteractive | 95 | 29 | 532 | 73 | 86 | 294 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 36 | 15 | 1537 | 151 | 22 | 32 | |||
| firstReactRender | 41 | 31 | 55 | 4 | 44 | 47 | |||
| getState | 10 | 5 | 33 | 6 | 9 | 29 | |||
| initialActions | 1 | 0 | 2 | 1 | 1 | 1 | |||
| loadScripts | 1337 | 1170 | 1805 | 136 | 1421 | 1592 | |||
| setupStore | 8 | 5 | 26 | 3 | 8 | 15 |
Benchmark value 1249 exceeds gate value 1234 for chrome browserify home mean uiStartup
Benchmark value 1080 exceeds gate value 1070 for chrome browserify home mean load
Benchmark value 1072 exceeds gate value 1061 for chrome browserify home mean domContentLoaded
Benchmark value 24 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 18 exceeds gate value 17 for chrome browserify home p95 setupStore
Benchmark value 2584 exceeds gate value 2192 for chrome webpack home mean uiStartup
Benchmark value 2088 exceeds gate value 1711 for chrome webpack home mean load
Benchmark value 2079 exceeds gate value 1704 for chrome webpack home mean domContentLoaded
Benchmark value 22 exceeds gate value 21 for chrome webpack home mean domInteractive
Benchmark value 49 exceeds gate value 40 for chrome webpack home mean backgroundConnect
Benchmark value 2072 exceeds gate value 1699 for chrome webpack home mean loadScripts
Benchmark value 37 exceeds gate value 32 for chrome webpack home mean setupStore
Benchmark value 3014 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 2456 exceeds gate value 2030 for chrome webpack home p95 load
Benchmark value 2451 exceeds gate value 2005 for chrome webpack home p95 domContentLoaded
Benchmark value 70 exceeds gate value 57 for chrome webpack home p95 domInteractive
Benchmark value 350 exceeds gate value 334 for chrome webpack home p95 firstPaint
Benchmark value 288 exceeds gate value 90 for chrome webpack home p95 backgroundConnect
Benchmark value 2449 exceeds gate value 1970 for chrome webpack home p95 loadScripts
Benchmark value 234 exceeds gate value 65 for chrome webpack home p95 setupStore
Benchmark value 114 exceeds gate value 110 for firefox browserify home mean domInteractive
Benchmark value 309 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 25 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 36 exceeds gate value 26 for firefox webpack home mean backgroundConnect
Benchmark value 41 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 294 exceeds gate value 156 for firefox webpack home p95 domInteractive
Sum of mean exceeds: 1585ms | Sum of p95 exceeds: 2567ms
Sum of all benchmark exceeds: 4152ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: -1.26 KiB (-0.02%)
- ui: 4.23 KiB (0.06%)
- common: 2.48 KiB (0.03%)
Builds ready [bf416a5]
- 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 (1192 ± 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 | 1192 | 1094 | 1408 | 65 | 1245 | 1306 |
| load | 1034 | 947 | 1190 | 59 | 1078 | 1144 | |||
| domContentLoaded | 1028 | 942 | 1185 | 59 | 1072 | 1137 | |||
| domInteractive | 17 | 13 | 56 | 7 | 16 | 38 | |||
| firstPaint | 789 | 84 | 1191 | 389 | 1056 | 1150 | |||
| backgroundConnect | 7 | 4 | 20 | 2 | 7 | 9 | |||
| firstReactRender | 21 | 15 | 53 | 6 | 21 | 34 | |||
| getState | 14 | 5 | 45 | 8 | 18 | 32 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 784 | 698 | 940 | 58 | 819 | 898 | |||
| setupStore | 8 | 5 | 28 | 4 | 8 | 14 | |||
| Webpack | Home | uiStartup | 2064 | 1662 | 2658 | 228 | 2214 | 2503 | |
| load | 1609 | 1287 | 2111 | 189 | 1714 | 1921 | |||
| domContentLoaded | 1603 | 1284 | 2105 | 188 | 1709 | 1905 | |||
| domInteractive | 16 | 11 | 68 | 12 | 13 | 52 | |||
| firstPaint | 162 | 69 | 517 | 64 | 189 | 276 | |||
| backgroundConnect | 20 | 12 | 41 | 6 | 22 | 32 | |||
| firstReactRender | 134 | 46 | 363 | 104 | 109 | 352 | |||
| getState | 13 | 4 | 270 | 26 | 11 | 23 | |||
| initialActions | 2 | 1 | 5 | 1 | 3 | 4 | |||
| loadScripts | 1600 | 1282 | 2095 | 187 | 1708 | 1894 | |||
| setupStore | 24 | 7 | 311 | 53 | 16 | 31 | |||
| Firefox | Browserify | Home | uiStartup | 1302 | 1149 | 1577 | 93 | 1364 | 1484 |
| load | 1152 | 1011 | 1337 | 77 | 1207 | 1296 | |||
| domContentLoaded | 1151 | 1010 | 1337 | 77 | 1206 | 1295 | |||
| domInteractive | 103 | 35 | 300 | 42 | 117 | 178 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 19 | 13 | 86 | 8 | 20 | 27 | |||
| firstReactRender | 22 | 20 | 33 | 2 | 23 | 27 | |||
| getState | 9 | 5 | 67 | 8 | 8 | 26 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1135 | 997 | 1323 | 76 | 1189 | 1278 | |||
| setupStore | 7 | 4 | 71 | 8 | 7 | 17 | |||
| Webpack | Home | uiStartup | 1618 | 1403 | 2237 | 172 | 1715 | 1966 | |
| load | 1405 | 1205 | 1951 | 148 | 1522 | 1649 | |||
| domContentLoaded | 1404 | 1205 | 1951 | 148 | 1522 | 1648 | |||
| domInteractive | 98 | 32 | 467 | 72 | 90 | 298 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 22 | 16 | 46 | 5 | 23 | 34 | |||
| firstReactRender | 43 | 31 | 53 | 4 | 46 | 50 | |||
| getState | 11 | 6 | 38 | 7 | 10 | 31 | |||
| initialActions | 1 | 0 | 1 | 0 | 1 | 1 | |||
| loadScripts | 1385 | 1186 | 1916 | 148 | 1506 | 1632 | |||
| setupStore | 9 | 5 | 92 | 9 | 9 | 13 |
Benchmark value 26 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 1619 exceeds gate value 1615 for firefox webpack home mean uiStartup
Benchmark value 1405 exceeds gate value 1380 for firefox webpack home mean load
Benchmark value 1405 exceeds gate value 1380 for firefox webpack home mean domContentLoaded
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 1966 exceeds gate value 1935 for firefox webpack home p95 uiStartup
Benchmark value 298 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 1632 exceeds gate value 1630 for firefox webpack home p95 loadScripts
Sum of mean exceeds: 85ms | Sum of p95 exceeds: 226ms
Sum of all benchmark exceeds: 311ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: -1.26 KiB (-0.02%)
- ui: 4.23 KiB (0.06%)
- common: 2.48 KiB (0.03%)
Builds ready [b21eacf]
- 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 (1207 ± 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 | 1207 | 1074 | 1529 | 61 | 1239 | 1302 |
| load | 1043 | 918 | 1339 | 58 | 1074 | 1126 | |||
| domContentLoaded | 1037 | 914 | 1335 | 58 | 1064 | 1112 | |||
| domInteractive | 18 | 13 | 110 | 11 | 16 | 38 | |||
| firstPaint | 663 | 143 | 1346 | 421 | 1053 | 1112 | |||
| backgroundConnect | 7 | 4 | 33 | 5 | 7 | 23 | |||
| firstReactRender | 21 | 17 | 51 | 6 | 22 | 37 | |||
| getState | 14 | 6 | 34 | 7 | 19 | 27 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 791 | 675 | 1096 | 56 | 817 | 867 | |||
| setupStore | 8 | 4 | 28 | 4 | 8 | 17 | |||
| Webpack | Home | uiStartup | 2115 | 1642 | 2681 | 236 | 2272 | 2551 | |
| load | 1644 | 1290 | 2058 | 183 | 1746 | 1964 | |||
| domContentLoaded | 1638 | 1286 | 2043 | 182 | 1739 | 1947 | |||
| domInteractive | 17 | 11 | 81 | 14 | 13 | 58 | |||
| firstPaint | 164 | 62 | 431 | 75 | 213 | 330 | |||
| backgroundConnect | 23 | 12 | 269 | 26 | 23 | 34 | |||
| firstReactRender | 164 | 45 | 365 | 119 | 311 | 356 | |||
| getState | 12 | 5 | 44 | 7 | 13 | 26 | |||
| initialActions | 6 | 1 | 295 | 29 | 3 | 4 | |||
| loadScripts | 1635 | 1285 | 2032 | 180 | 1736 | 1936 | |||
| setupStore | 23 | 7 | 328 | 49 | 17 | 26 | |||
| Firefox | Browserify | Home | uiStartup | 1375 | 1232 | 1776 | 101 | 1424 | 1576 |
| load | 1211 | 1072 | 1506 | 81 | 1263 | 1366 | |||
| domContentLoaded | 1211 | 1072 | 1505 | 81 | 1263 | 1366 | |||
| domInteractive | 115 | 35 | 494 | 66 | 118 | 292 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 21 | 14 | 49 | 6 | 23 | 33 | |||
| firstReactRender | 24 | 21 | 45 | 3 | 25 | 29 | |||
| getState | 11 | 5 | 148 | 16 | 9 | 28 | |||
| initialActions | 0 | 0 | 5 | 1 | 0 | 1 | |||
| loadScripts | 1192 | 1058 | 1488 | 82 | 1236 | 1352 | |||
| setupStore | 9 | 4 | 101 | 12 | 7 | 24 | |||
| Webpack | Home | uiStartup | 1516 | 1359 | 2098 | 159 | 1530 | 1913 | |
| load | 1313 | 1164 | 1809 | 127 | 1327 | 1626 | |||
| domContentLoaded | 1312 | 1164 | 1808 | 127 | 1327 | 1626 | |||
| domInteractive | 89 | 31 | 312 | 59 | 82 | 276 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 23 | 16 | 92 | 9 | 24 | 42 | |||
| firstReactRender | 40 | 28 | 51 | 4 | 43 | 47 | |||
| getState | 12 | 5 | 87 | 10 | 11 | 31 | |||
| initialActions | 0 | 0 | 1 | 0 | 1 | 1 | |||
| loadScripts | 1292 | 1149 | 1774 | 126 | 1305 | 1607 | |||
| setupStore | 8 | 5 | 43 | 5 | 8 | 18 |
Benchmark value 2551 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 116 exceeds gate value 110 for firefox browserify home mean domInteractive
Benchmark value 292 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 28 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 41 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 276 exceeds gate value 156 for firefox webpack home p95 domInteractive
Sum of mean exceeds: 9ms | Sum of p95 exceeds: 325ms
Sum of all benchmark exceeds: 334ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: -1.26 KiB (-0.02%)
- ui: 4.23 KiB (0.06%)
- common: 2.48 KiB (0.03%)
Builds ready [b07cd78]
- 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 (1214 ± 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 | 1214 | 1072 | 1380 | 64 | 1264 | 1327 |
| load | 1052 | 936 | 1196 | 61 | 1090 | 1162 | |||
| domContentLoaded | 1046 | 931 | 1186 | 61 | 1085 | 1157 | |||
| domInteractive | 18 | 13 | 68 | 9 | 16 | 41 | |||
| firstPaint | 755 | 139 | 1193 | 411 | 1076 | 1159 | |||
| backgroundConnect | 8 | 4 | 31 | 4 | 8 | 14 | |||
| firstReactRender | 21 | 16 | 46 | 6 | 21 | 36 | |||
| getState | 14 | 5 | 30 | 7 | 19 | 26 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 799 | 691 | 932 | 60 | 842 | 903 | |||
| setupStore | 8 | 5 | 21 | 3 | 8 | 17 | |||
| Webpack | Home | uiStartup | 2071 | 1566 | 2578 | 244 | 2233 | 2499 | |
| load | 1611 | 1234 | 1962 | 193 | 1744 | 1917 | |||
| domContentLoaded | 1605 | 1230 | 1956 | 192 | 1740 | 1906 | |||
| domInteractive | 16 | 11 | 74 | 11 | 13 | 45 | |||
| firstPaint | 176 | 62 | 1782 | 174 | 184 | 331 | |||
| backgroundConnect | 21 | 10 | 59 | 8 | 23 | 38 | |||
| firstReactRender | 150 | 46 | 350 | 105 | 255 | 346 | |||
| getState | 12 | 4 | 50 | 7 | 13 | 27 | |||
| initialActions | 3 | 1 | 7 | 1 | 3 | 4 | |||
| loadScripts | 1602 | 1229 | 1946 | 190 | 1739 | 1895 | |||
| setupStore | 21 | 7 | 309 | 40 | 19 | 33 | |||
| Firefox | Browserify | Home | uiStartup | 1332 | 1189 | 1634 | 104 | 1378 | 1546 |
| load | 1174 | 1039 | 1370 | 80 | 1224 | 1340 | |||
| domContentLoaded | 1174 | 1039 | 1370 | 80 | 1223 | 1340 | |||
| domInteractive | 111 | 33 | 356 | 60 | 113 | 274 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 24 | 14 | 106 | 16 | 23 | 70 | |||
| firstReactRender | 23 | 20 | 45 | 3 | 23 | 27 | |||
| getState | 9 | 5 | 51 | 7 | 8 | 27 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1153 | 1025 | 1349 | 78 | 1203 | 1321 | |||
| setupStore | 10 | 3 | 80 | 12 | 10 | 24 | |||
| Webpack | Home | uiStartup | 1537 | 1343 | 2130 | 168 | 1616 | 1925 | |
| load | 1333 | 1154 | 1854 | 142 | 1423 | 1601 | |||
| domContentLoaded | 1333 | 1154 | 1853 | 142 | 1423 | 1601 | |||
| domInteractive | 91 | 29 | 391 | 57 | 90 | 273 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 22 | 16 | 45 | 5 | 23 | 33 | |||
| firstReactRender | 41 | 28 | 61 | 5 | 44 | 49 | |||
| getState | 10 | 5 | 33 | 6 | 10 | 30 | |||
| initialActions | 0 | 0 | 1 | 0 | 1 | 1 | |||
| loadScripts | 1314 | 1138 | 1828 | 141 | 1400 | 1582 | |||
| setupStore | 8 | 5 | 28 | 4 | 8 | 15 |
Benchmark value 112 exceeds gate value 110 for firefox browserify home mean domInteractive
Benchmark value 10 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 274 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 27 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 42 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 273 exceeds gate value 156 for firefox webpack home p95 domInteractive
Sum of mean exceeds: 7ms | Sum of p95 exceeds: 245ms
Sum of all benchmark exceeds: 252ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: -1.26 KiB (-0.02%)
- ui: 1.11 KiB (0.02%)
- common: 1.99 KiB (0.02%)
Builds ready [9419328]
- 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 (1230 ± 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 | 1230 | 1132 | 1526 | 69 | 1265 | 1329 |
| load | 1065 | 958 | 1331 | 66 | 1107 | 1150 | |||
| domContentLoaded | 1058 | 948 | 1326 | 66 | 1102 | 1144 | |||
| domInteractive | 17 | 14 | 43 | 6 | 17 | 37 | |||
| firstPaint | 790 | 149 | 1262 | 410 | 1097 | 1144 | |||
| backgroundConnect | 7 | 4 | 27 | 3 | 8 | 12 | |||
| firstReactRender | 20 | 15 | 30 | 2 | 21 | 26 | |||
| getState | 14 | 6 | 38 | 7 | 20 | 25 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 810 | 708 | 1052 | 64 | 854 | 899 | |||
| setupStore | 8 | 5 | 28 | 4 | 8 | 18 | |||
| Webpack | Home | uiStartup | 2241 | 1703 | 2752 | 184 | 2313 | 2617 | |
| load | 1722 | 1273 | 2094 | 162 | 1792 | 1975 | |||
| domContentLoaded | 1717 | 1270 | 2088 | 161 | 1787 | 1965 | |||
| domInteractive | 19 | 11 | 161 | 21 | 14 | 69 | |||
| firstPaint | 159 | 62 | 493 | 78 | 172 | 367 | |||
| backgroundConnect | 20 | 10 | 40 | 6 | 22 | 33 | |||
| firstReactRender | 236 | 90 | 414 | 109 | 366 | 405 | |||
| getState | 11 | 4 | 48 | 7 | 13 | 23 | |||
| initialActions | 3 | 1 | 6 | 1 | 3 | 4 | |||
| loadScripts | 1713 | 1268 | 2078 | 160 | 1786 | 1962 | |||
| setupStore | 18 | 7 | 267 | 26 | 18 | 25 | |||
| Firefox | Browserify | Home | uiStartup | 1348 | 1185 | 1754 | 108 | 1388 | 1581 |
| load | 1188 | 1041 | 1494 | 79 | 1222 | 1336 | |||
| domContentLoaded | 1188 | 1041 | 1494 | 79 | 1222 | 1336 | |||
| domInteractive | 112 | 36 | 424 | 58 | 120 | 231 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 23 | 12 | 162 | 19 | 22 | 46 | |||
| firstReactRender | 23 | 21 | 35 | 2 | 24 | 28 | |||
| getState | 10 | 4 | 96 | 13 | 8 | 27 | |||
| initialActions | 0 | 0 | 1 | 0 | 0 | 1 | |||
| loadScripts | 1169 | 1028 | 1398 | 74 | 1201 | 1313 | |||
| setupStore | 8 | 4 | 110 | 13 | 7 | 12 | |||
| Webpack | Home | uiStartup | 1657 | 1409 | 2281 | 190 | 1769 | 2086 | |
| load | 1432 | 1221 | 1971 | 161 | 1554 | 1724 | |||
| domContentLoaded | 1432 | 1221 | 1970 | 161 | 1553 | 1724 | |||
| domInteractive | 105 | 34 | 518 | 79 | 92 | 321 | |||
| firstPaint | NaN | NaN | NaN | NaN | NaN | NaN | |||
| backgroundConnect | 23 | 16 | 48 | 7 | 24 | 42 | |||
| firstReactRender | 43 | 35 | 60 | 4 | 45 | 52 | |||
| getState | 11 | 5 | 48 | 7 | 11 | 28 | |||
| initialActions | 1 | 0 | 2 | 1 | 1 | 1 | |||
| loadScripts | 1412 | 1201 | 1936 | 161 | 1529 | 1707 | |||
| setupStore | 11 | 7 | 42 | 6 | 11 | 30 |
Benchmark value 2242 exceeds gate value 2192 for chrome webpack home mean uiStartup
Benchmark value 1723 exceeds gate value 1711 for chrome webpack home mean load
Benchmark value 1717 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 1714 exceeds gate value 1699 for chrome webpack home mean loadScripts
Benchmark value 2617 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 70 exceeds gate value 57 for chrome webpack home p95 domInteractive
Benchmark value 367 exceeds gate value 334 for chrome webpack home p95 firstPaint
Benchmark value 405 exceeds gate value 370 for chrome webpack home p95 firstReactRender
Benchmark value 113 exceeds gate value 110 for firefox browserify home mean domInteractive
Benchmark value 231 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 27 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 1658 exceeds gate value 1615 for firefox webpack home mean uiStartup
Benchmark value 1433 exceeds gate value 1380 for firefox webpack home mean load
Benchmark value 1433 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 44 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 1413 exceeds gate value 1360 for firefox webpack home mean loadScripts
Benchmark value 2086 exceeds gate value 1935 for firefox webpack home p95 uiStartup
Benchmark value 1724 exceeds gate value 1660 for firefox webpack home p95 load
Benchmark value 1724 exceeds gate value 1660 for firefox webpack home p95 domContentLoaded
Benchmark value 321 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 52 exceeds gate value 50 for firefox webpack home p95 firstReactRender
Benchmark value 1707 exceeds gate value 1630 for firefox webpack home p95 loadScripts
Benchmark value 30 exceeds gate value 28 for firefox webpack home p95 setupStore
Sum of mean exceeds: 309ms | Sum of p95 exceeds: 809ms
Sum of all benchmark exceeds: 1118ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 17.69 KiB (0.33%)
- ui: 499 Bytes (0.01%)
- common: 22.76 KiB (0.27%)