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.
Keep Exploring
Guides
Intro to CAD Modeling
Learn the core CAD workflow for turning simple sketches into precise, editable 3D parts.
How it works
Air Traffic Control
Air traffic control coordinates aircraft movements to maintain safe separation.
Comparison
Hydrogen Car vs EV
Hydrogen cars make electricity from fuel onboard, while EVs store electricity directly in batteries.
Examples
Lever Simple Machine
A lever multiplies force by pivoting around a fulcrum, trading distance for mechanical advantage.