Vercel

Approaches for optimizing your dashboard's frontend

Aug 9, 2022
Approaches for optimizing your dashboard's frontend
SummaryAI, from the source post

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