Customer Site Performance Optimization
Approaches for optimizing your dashboard's frontend

Approaches for optimizing your dashboard's frontend

8/9/2022

What this post added

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.

Read the original post ↗