Guides ยท Technology
Frontend Performance Audit Basics
Run a quick web perf audit
This guide covers using Lighthouse and browser devtools to measure LCP, CLS, and TTI, identify bloated assets, and prioritize fixes like code splitting and image optimization.
- web performance
- lighthouse
- lcp
- cls
- tti
Measure core metrics
Run Lighthouse; capture LCP, CLS, FID/INP, and total blocking time.
Find heavy assets
Audit bundle size, unused JS/CSS, and unoptimized images or fonts.
Prioritize fixes
Address biggest wins first: image compression, lazy loading, code splitting, critical CSS.
Retest and track
Re-run tests after changes; set budgets in CI to prevent regressions.