Approaches for optimizing your dashboard's frontend
Aug 9, 2022

Summary
This post details specific techniques used to optimize the Vercel Dashboard's frontend performance, including identifying and optimizing 'hot paths', reducing redundant JavaScript calls (e.g., `isLoggedIn()`), implementing caching for utility functions (e.g., `slugify`), optimizing third-party script loading strategies (tree-shaking, lazy loading, `next/script` strategies), minimizing unnecessary HTML markup, and leveraging Next.js optimizations like `<Image />` and automatic font inlining. It also introduces Vercel's 'Top Paths' feature for identifying heavy asset payloads.
More from the Customer Site Performance Optimization trail
- Technical audits: Optimizing cost, performance, and productivity
- How to choose the best rendering strategy for your app
- Demystifying INP: New tools and actionable insights
- How Ruggable optimized their frontend architecture | Customers | Vercel
- Demant achieves global scalability and 30x faster response times with Vercel | Customers | Vercel