Benchmarking dashboard performance
Jun 22, 2023Richard Nguyen, Zac Arellano

Summary
This post details performance improvements made to the Cloudflare dashboard, focusing on reducing JavaScript payload by deduping dependencies (lodash, icon library), refactoring bloated packages, and removing unused code. It also describes code splitting the monolithic application into authenticated and unauthenticated sub-applications to load only necessary code on demand. Finally, it explains optimizations to dead-code elimination (tree-shaking) by marking modules that don't produce side-effects. Key results show a reduction in total assets served and improved Lighthouse performance scores.
More from the Dashboard Search & Navigation trail
- New Zero Trust navigation coming soon (and we need your feedback)
- Project A11Y: how we upgraded Cloudflare’s dashboard to adhere to industry accessibility standards
- We've shipped so many products the Cloudflare dashboard needed its own search engine
- Dark Mode for the Cloudflare Dashboard
- DeepLinks and ScrollAnchor