Skip to content

Conversation

@pettinarip
Copy link
Member

@pettinarip pettinarip commented Nov 25, 2025

Description

Performance improvements to wallet/product filtering, targeting significant INP reduction on mid/low-tier mobile devices.

  • Filter memoization: Custom comparator for memo() to skip re-renders when filter state hasn't meaningfully changed
  • Concurrent rendering: Wrap filter updates in startTransition and use useDeferredValue for smoother UX
  • Persistent panel: New <PersistentPanel> component that stays mounted after first open (avoids expensive re-renders of filter content)
  • Mobile filters: Replace Drawer with Sheet + PersistentPanel for better mobile performance
  • Filter algorithm: Combine 3 chained .filter() into single pass over wallet data

These changes reduce jank when toggling filters, especially on mobile where the filter panel was previously re-mounting its entire content on each open.

INP improvements in (mid/low tier phones simulations):

  • open drawer: from ~600ms to ~100ms
  • apply filter: from ~400ms to ~100ms

@netlify
Copy link

netlify bot commented Nov 25, 2025

Deploy Preview for ethereumorg ready!

Name Link
🔨 Latest commit 8a55e90
🔍 Latest deploy log https://app.netlify.com/projects/ethereumorg/deploys/6930652a329468000814574b
😎 Deploy Preview https://deploy-preview-16694--ethereumorg.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
7 paths audited
Performance: 48 (🔴 down 8 from production)
Accessibility: 94 (no change from production)
Best Practices: 92 (🔴 down 7 from production)
SEO: 92 (🔴 down 7 from production)
PWA: 59 (no change from production)
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

@github-actions github-actions bot added the tooling 🔧 Changes related to tooling of the project label Nov 25, 2025
@pettinarip pettinarip force-pushed the find-wallets-optimizations branch from 084248b to 16973e2 Compare November 25, 2025 15:56
@corwintines corwintines self-assigned this Nov 30, 2025
@github-actions github-actions bot added the dependencies 📦 Changes related to project dependencies label Dec 3, 2025
@corwintines corwintines merged commit f1624c1 into dev Dec 3, 2025
5 of 6 checks passed
@corwintines corwintines deleted the find-wallets-optimizations branch December 3, 2025 16:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

dependencies 📦 Changes related to project dependencies tooling 🔧 Changes related to tooling of the project

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants