Conversation
…e transition Phase 1 of a unified overlay motion system. A shared ScaleFade transition (opacity 0→1 + scale 0.96→1, modeled on MUI's Grow) is wired as the default TransitionComponent for MuiMenu and MuiPopover at 100ms, so all menus, selects and popovers pop consistently instead of using MUI's default Grow. Timing lives in a single motion-tokens module. - src/utils/motion.ts: central duration/easing tokens (single source of truth) - ScaleFade: MUI-compatible transition primitive (scale 0.96, not Grow's 0.75) - theme: MuiMenu/MuiPopover transition defaults + global prefers-reduced-motion - showcase: Select/Menu specimens in the Overlays section Modals and drawers are intentionally untouched (deferred to later phases).
The outlined variant sets border:none at rest, but its :hover block only changed background + re-asserted the box-shadow ring, so MUI's built-in .MuiButton-outlinedPrimary:hover border leaked through on hover only. Force border:none in the hover/focus block so the borderless pill stays borderless.
…radients - figmaColors.ts: single source of truth for color tokens + the figVars var() accessor. - theme.tsx: flatten tokens onto the MUI CssVars palette (P3 + sRGB fallback); emit P3 vars. - colorToP3.ts: Display-P3 conversion for the @supports P3 override layer. - gradients slot/type removed; the new branding uses the solid purple-1 token.
Sweep explicit color reads onto flattened figma tokens (bare sx strings / figVars) for P3. Also swaps the brand gradient for the solid purple-1 token in the affected components.
Same token sweep across module components for Display-P3 with sRGB fallback. Swaps the brand gradient for purple-1 in the E-Mode button, StakeActionBox and version badge.
Token sweep across layouts; swaps the newGradient banner for purple-1 in TopBarNotify.
Buttons, icon and toggle buttons scale to 0.99 on :active (not disabled) via a shared fragment. MarketSwitcher's custom Box trigger gets the same press feedback inline.
DotsHorizontalIcon: currentColor meatball icon replacing the '...' text supply dropdown. iconButtonSx (buttonStyles.ts): square icon-only button styling (min-width 0, 0.25rem pad). Desktop table action buttons across the four dashboard lists set to size=small.
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.33 MB (🟡 +12.84 KB) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
New Pages Added
The following pages were added to the bundle from the code in this PR:
| Page | Size (compressed) | First Load |
|---|---|---|
/dev/components |
969 B |
1.34 MB |
/dev/components/[section] |
1.17 KB |
1.34 MB |
Sixteen Pages Changed Size
The following pages changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/ |
92.94 KB (🟢 -3.01 KB) |
1.43 MB |
/404 |
2.08 KB (🟢 -775 B) |
1.34 MB |
/500 |
2.41 KB (🟢 -773 B) |
1.34 MB |
/bridge |
37.79 KB (🟡 +55 B) |
1.37 MB |
/dashboard |
82.82 KB (🟢 -2.7 KB) |
1.42 MB |
/faucet |
11.44 KB (🟢 -3.61 KB) |
1.35 MB |
/governance |
41.65 KB (🟢 -1.29 KB) |
1.38 MB |
/governance/ipfs-preview |
100.68 KB (🟢 -1003 B) |
1.43 MB |
/governance/v3/proposal |
86.37 KB (🟢 -2.42 KB) |
1.42 MB |
/history |
31.76 KB (🟢 -4.57 KB) |
1.37 MB |
/markets |
55.48 KB (🟡 +668 B) |
1.39 MB |
/reserve-overview |
38.39 KB (🟢 -1.47 KB) |
1.37 MB |
/safety-module |
56.06 KB (🟢 -328 B) |
1.39 MB |
/sgho |
91.81 KB (🟢 -1.12 KB) |
1.42 MB |
/staking |
31.71 KB (🟢 -1.77 KB) |
1.37 MB |
/v3-migration |
48.73 KB (🟢 -3.84 KB) |
1.38 MB |
Details
Only the gzipped size is provided here based on an expert tip.
First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.
…l-button style - Add reusable PageHeader/PageHeaderStat (title + description + repeat(n,1fr) stats grid) and a usePinnedMarket hook. - Rework the Staking (Umbrella) and Safety Module headers onto PageHeader: new copy, stats grid, the market dropdown removed, and the market pinned to Core for the page (restored on unmount). FormattedNumber affixes now inherit the digit styling. - Migrate the theme size="small" button slot off the legacy uppercase buttonS to buttonM (14px / 500 / no uppercase) + 0.62rem padding; drop the now- redundant ListButtonsColumn override.
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.33 MB (🟡 +12.56 KB) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
New Pages Added
The following pages were added to the bundle from the code in this PR:
| Page | Size (compressed) | First Load |
|---|---|---|
/dev/components |
959 B |
1.34 MB |
/dev/components/[section] |
1.16 KB |
1.34 MB |
Sixteen Pages Changed Size
The following pages changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/ |
92.37 KB (🟢 -3.61 KB) |
1.42 MB |
/404 |
2.08 KB (🟢 -775 B) |
1.34 MB |
/500 |
2.41 KB (🟢 -773 B) |
1.34 MB |
/bridge |
37.16 KB (🟢 -585 B) |
1.37 MB |
/dashboard |
82.25 KB (🟢 -3.3 KB) |
1.42 MB |
/faucet |
10.8 KB (🟢 -4.26 KB) |
1.35 MB |
/governance |
41.27 KB (🟢 -1.67 KB) |
1.38 MB |
/governance/ipfs-preview |
100.68 KB (🟢 -1003 B) |
1.43 MB |
/governance/v3/proposal |
86.52 KB (🟢 -2.27 KB) |
1.42 MB |
/history |
31.73 KB (🟢 -4.61 KB) |
1.37 MB |
/markets |
55.25 KB (🟡 +409 B) |
1.39 MB |
/reserve-overview |
38.55 KB (🟢 -1.3 KB) |
1.37 MB |
/safety-module |
54.25 KB (🟢 -2.16 KB) |
1.39 MB |
/sgho |
91.84 KB (🟢 -1.12 KB) |
1.42 MB |
/staking |
29.89 KB (🟢 -3.6 KB) |
1.36 MB |
/v3-migration |
48.04 KB (🟢 -4.57 KB) |
1.38 MB |
Details
Only the gzipped size is provided here based on an expert tip.
First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.
…ropdowns - Header: Back row + token identity; numeric stats via the standardized PageHeaderStat - Theme-aware icon buttons (CircleIcon chip + dropdown/oracle icons) - Standardize both token dropdowns to the theme menu rhythm - Extract shared MenuSectionLabel + TokenMenuItemContent helpers - Navbar Staking menu: subheader1 -> ListItemText (drop bold labels) - Sentence-case reserve stat labels; fix GHO Price label height
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.33 MB (🟡 +12.58 KB) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
New Pages Added
The following pages were added to the bundle from the code in this PR:
| Page | Size (compressed) | First Load |
|---|---|---|
/dev/components |
959 B |
1.34 MB |
/dev/components/[section] |
1.16 KB |
1.34 MB |
Sixteen Pages Changed Size
The following pages changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/ |
92.38 KB (🟢 -3.6 KB) |
1.42 MB |
/404 |
2.08 KB (🟢 -775 B) |
1.34 MB |
/500 |
2.41 KB (🟢 -773 B) |
1.34 MB |
/bridge |
37.16 KB (🟢 -585 B) |
1.37 MB |
/dashboard |
82.26 KB (🟢 -3.29 KB) |
1.42 MB |
/faucet |
10.8 KB (🟢 -4.26 KB) |
1.35 MB |
/governance |
41.27 KB (🟢 -1.67 KB) |
1.38 MB |
/governance/ipfs-preview |
100.68 KB (🟢 -1003 B) |
1.43 MB |
/governance/v3/proposal |
86.52 KB (🟢 -2.27 KB) |
1.42 MB |
/history |
31.73 KB (🟢 -4.61 KB) |
1.37 MB |
/markets |
55.25 KB (🟡 +406 B) |
1.39 MB |
/reserve-overview |
38.44 KB (🟢 -1.41 KB) |
1.37 MB |
/safety-module |
54.25 KB (🟢 -2.16 KB) |
1.39 MB |
/sgho |
91.84 KB (🟢 -1.12 KB) |
1.42 MB |
/staking |
29.89 KB (🟢 -3.6 KB) |
1.36 MB |
/v3-migration |
47.46 KB (🟢 -5.15 KB) |
1.38 MB |
Details
Only the gzipped size is provided here based on an expert tip.
First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.
…ts, staking dropdown - TopInfoPanelItem: drop dead withLine/variant props; label color -> figVars['fgp-3'] - figmaColors: add fgp-3 token; retune bg-6 shade (light + dark) - SupplyAssetsList/BorrowAssetsList + ListItemLoader: align spacing to 0.62rem - ListWrapper: drop stray collapse-button padding/color - StakingDropdown: outlined small stake button + small icon button
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.33 MB (🟡 +12.6 KB) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
New Pages Added
The following pages were added to the bundle from the code in this PR:
| Page | Size (compressed) | First Load |
|---|---|---|
/dev/components |
959 B |
1.34 MB |
/dev/components/[section] |
1.16 KB |
1.34 MB |
Sixteen Pages Changed Size
The following pages changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/ |
92.3 KB (🟢 -3.68 KB) |
1.42 MB |
/404 |
2.08 KB (🟢 -775 B) |
1.34 MB |
/500 |
2.41 KB (🟢 -773 B) |
1.34 MB |
/bridge |
37.14 KB (🟢 -611 B) |
1.37 MB |
/dashboard |
82.18 KB (🟢 -3.37 KB) |
1.42 MB |
/faucet |
10.77 KB (🟢 -4.28 KB) |
1.35 MB |
/governance |
41.27 KB (🟢 -1.67 KB) |
1.38 MB |
/governance/ipfs-preview |
100.68 KB (🟢 -1003 B) |
1.43 MB |
/governance/v3/proposal |
86.52 KB (🟢 -2.27 KB) |
1.42 MB |
/history |
31.7 KB (🟢 -4.63 KB) |
1.37 MB |
/markets |
55.16 KB (🟡 +314 B) |
1.39 MB |
/reserve-overview |
38.44 KB (🟢 -1.41 KB) |
1.37 MB |
/safety-module |
54.25 KB (🟢 -2.16 KB) |
1.39 MB |
/sgho |
91.78 KB (🟢 -1.17 KB) |
1.42 MB |
/staking |
29.87 KB (🟢 -3.62 KB) |
1.36 MB |
/v3-migration |
47.44 KB (🟢 -5.17 KB) |
1.38 MB |
Details
Only the gzipped size is provided here based on an expert tip.
First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.
…highlight - Pin the header on mobile (disable hide-on-scroll below md) - Add a top fade scrim, shown only once scrolled; inset from top + right to clear the scrollbar - Remove the hover/tap highlight on mobile menu items
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.33 MB (🟡 +12.66 KB) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
New Pages Added
The following pages were added to the bundle from the code in this PR:
| Page | Size (compressed) | First Load |
|---|---|---|
/dev/components |
959 B |
1.34 MB |
/dev/components/[section] |
1.16 KB |
1.34 MB |
Sixteen Pages Changed Size
The following pages changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/ |
92.3 KB (🟢 -3.68 KB) |
1.42 MB |
/404 |
2.08 KB (🟢 -775 B) |
1.34 MB |
/500 |
2.41 KB (🟢 -773 B) |
1.34 MB |
/bridge |
37.14 KB (🟢 -611 B) |
1.37 MB |
/dashboard |
82.18 KB (🟢 -3.37 KB) |
1.42 MB |
/faucet |
10.77 KB (🟢 -4.28 KB) |
1.35 MB |
/governance |
41.27 KB (🟢 -1.67 KB) |
1.38 MB |
/governance/ipfs-preview |
100.68 KB (🟢 -1003 B) |
1.43 MB |
/governance/v3/proposal |
86.52 KB (🟢 -2.27 KB) |
1.42 MB |
/history |
31.7 KB (🟢 -4.63 KB) |
1.37 MB |
/markets |
55.16 KB (🟡 +314 B) |
1.39 MB |
/reserve-overview |
38.44 KB (🟢 -1.41 KB) |
1.37 MB |
/safety-module |
54.25 KB (🟢 -2.16 KB) |
1.39 MB |
/sgho |
91.78 KB (🟢 -1.17 KB) |
1.42 MB |
/staking |
29.87 KB (🟢 -3.62 KB) |
1.36 MB |
/v3-migration |
47.44 KB (🟢 -5.17 KB) |
1.38 MB |
Details
Only the gzipped size is provided here based on an expert tip.
First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.
- Remove the favourite (star) button from the markets header - Remove the token dropdowns + oracle link from the reserve-overview header - Restyle the v2/v3 market tag: lowercase, purple pill (purple-1 text, 24% purple bg) - Align dark purple-1 token to the tag spec (#9391f7 -> #9391ff)
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.33 MB (🟡 +12.69 KB) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
New Pages Added
The following pages were added to the bundle from the code in this PR:
| Page | Size (compressed) | First Load |
|---|---|---|
/dev/components |
959 B |
1.34 MB |
/dev/components/[section] |
1.16 KB |
1.34 MB |
Sixteen Pages Changed Size
The following pages changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/ |
92.29 KB (🟢 -3.69 KB) |
1.42 MB |
/404 |
2.08 KB (🟢 -775 B) |
1.34 MB |
/500 |
2.41 KB (🟢 -773 B) |
1.34 MB |
/bridge |
37.14 KB (🟢 -611 B) |
1.37 MB |
/dashboard |
82.18 KB (🟢 -3.37 KB) |
1.42 MB |
/faucet |
10.77 KB (🟢 -4.28 KB) |
1.35 MB |
/governance |
41.27 KB (🟢 -1.67 KB) |
1.38 MB |
/governance/ipfs-preview |
100.68 KB (🟢 -1003 B) |
1.43 MB |
/governance/v3/proposal |
86.52 KB (🟢 -2.27 KB) |
1.42 MB |
/history |
31.7 KB (🟢 -4.63 KB) |
1.37 MB |
/markets |
55.15 KB (🟡 +302 B) |
1.39 MB |
/reserve-overview |
36.21 KB (🟢 -3.64 KB) |
1.37 MB |
/safety-module |
54.25 KB (🟢 -2.16 KB) |
1.39 MB |
/sgho |
91.78 KB (🟢 -1.17 KB) |
1.42 MB |
/staking |
29.87 KB (🟢 -3.62 KB) |
1.36 MB |
/v3-migration |
47.44 KB (🟢 -5.17 KB) |
1.38 MB |
Details
Only the gzipped size is provided here based on an expert tip.
First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.
- nav links: static underline (active / open dropdown only) + hover text-color animation - governance: external link with arrow icon, moved to the end after Staking - dashboard header: adopt PageHeader/PageHeaderStat, keep MarketSwitcher as title - dashboard header: drop the View Transactions buttons - MarketSwitcher: restyle trigger (1.75rem logo, name-only title, v2/v3 badge, description) - PageHeader: add disableTitleTypography, switch stats to flex gap (drop columns prop) - GHO banner: drop redundant primary CTA, keep View details - markets table toggles: use FormControlLabel for the themed label gap - unauth Swap/Bridge: open ConnectKit (Family) modal via shared useConnectGate hook - Watch Wallet modal: themed TextField, spacing, contained button; TxModalTitle sx prop - staking dropdown offset + dark fg-3 token tweak
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.33 MB (🟡 +12.31 KB) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
New Pages Added
The following pages were added to the bundle from the code in this PR:
| Page | Size (compressed) | First Load |
|---|---|---|
/dev/components |
959 B |
1.34 MB |
/dev/components/[section] |
1.16 KB |
1.34 MB |
Sixteen Pages Changed Size
The following pages changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/ |
92.23 KB (🟢 -3.74 KB) |
1.42 MB |
/404 |
2.08 KB (🟢 -776 B) |
1.34 MB |
/500 |
2.41 KB (🟢 -774 B) |
1.34 MB |
/bridge |
37.14 KB (🟢 -611 B) |
1.37 MB |
/dashboard |
81.11 KB (🟢 -4.44 KB) |
1.41 MB |
/faucet |
10.77 KB (🟢 -4.28 KB) |
1.35 MB |
/governance |
41.27 KB (🟢 -1.67 KB) |
1.37 MB |
/governance/ipfs-preview |
100.67 KB (🟢 -1005 B) |
1.43 MB |
/governance/v3/proposal |
86.53 KB (🟢 -2.27 KB) |
1.42 MB |
/history |
31.7 KB (🟢 -4.63 KB) |
1.37 MB |
/markets |
54.55 KB (🟢 -313 B) |
1.39 MB |
/reserve-overview |
36.06 KB (🟢 -3.8 KB) |
1.37 MB |
/safety-module |
54.24 KB (🟢 -2.17 KB) |
1.39 MB |
/sgho |
91.79 KB (🟢 -1.17 KB) |
1.42 MB |
/staking |
29.85 KB (🟢 -3.64 KB) |
1.36 MB |
/v3-migration |
47.44 KB (🟢 -5.17 KB) |
1.38 MB |
Details
Only the gzipped size is provided here based on an expert tip.
First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.
- markets: use PageHeader — MarketSwitcher title + market size/available/borrows stats - sGHO: adopt PageHeader — dynamic-APY description, keep APR/deposited/price/weekly-rewards stats - PageHeader: add optional titleIcon slot (used by sGHO instead of a hand-built title)
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.33 MB (🟡 +12.28 KB) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
New Pages Added
The following pages were added to the bundle from the code in this PR:
| Page | Size (compressed) | First Load |
|---|---|---|
/dev/components |
960 B |
1.34 MB |
/dev/components/[section] |
1.16 KB |
1.34 MB |
Sixteen Pages Changed Size
The following pages changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/ |
91.1 KB (🟢 -4.88 KB) |
1.42 MB |
/404 |
2.08 KB (🟢 -776 B) |
1.34 MB |
/500 |
2.41 KB (🟢 -774 B) |
1.34 MB |
/bridge |
37.14 KB (🟢 -611 B) |
1.37 MB |
/dashboard |
81.07 KB (🟢 -4.48 KB) |
1.41 MB |
/faucet |
10.77 KB (🟢 -4.28 KB) |
1.34 MB |
/governance |
41.27 KB (🟢 -1.67 KB) |
1.37 MB |
/governance/ipfs-preview |
100.67 KB (🟢 -1005 B) |
1.43 MB |
/governance/v3/proposal |
86.53 KB (🟢 -2.27 KB) |
1.42 MB |
/history |
31.7 KB (🟢 -4.63 KB) |
1.37 MB |
/markets |
53.91 KB (🟢 -964 B) |
1.39 MB |
/reserve-overview |
35.98 KB (🟢 -3.87 KB) |
1.37 MB |
/safety-module |
54.25 KB (🟢 -2.16 KB) |
1.39 MB |
/sgho |
90.97 KB (🟢 -1.99 KB) |
1.42 MB |
/staking |
29.86 KB (🟢 -3.63 KB) |
1.36 MB |
/v3-migration |
47.44 KB (🟢 -5.17 KB) |
1.38 MB |
Details
Only the gzipped size is provided here based on an expert tip.
First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.
1 participant
No description provided.