Making the Supabase Dashboard Supa-fast

The Supabase dashboard has recently become more feature-rich, with a powerful SQL editor and an Airtable-like view of the database. To maintain good performance while adding new features, the team established a baseline by tracking bundle sizes using Next-bundle-analyzer and setting up Real User Monitoring (RUM) with Sentry. They then improved their JavaScript bundle size by switching to smaller modules like day-js and ajv, selectively importing functions from larger modules, moving complex logic to the server, and lazy loading certain components. Additionally, they used native browser APIs and optimized Vercel's default caching settings. The team also developed a performance culture by monitoring Sentry performance data and considering performance implications during library and tool choices. As a result, Supabase now has a respectable Core Web Vitals score and plans to continue reducing bundle sizes and implementing best practices for frontend performance.