Guides ยท Engineering
Browser Performance Profiling Basics
Profile web performance with devtools
This guide explains using browser devtools for performance profiling: record performance traces, find long tasks and layout shifts, audit network waterfalls, and prioritize fixes.
- performance profiling
- devtools
- long tasks
- layout shift
- waterfall
Record a trace
Use Performance panel to capture a session and identify long tasks.
Check layout shifts
Review CLS contributors and fix unstable elements.
Audit network
Inspect waterfall for large/slow assets; defer or compress where possible.
Fix and retest
Apply changes, rerun traces, and compare metrics.