Performance
Core Web Vitals, bundle optimization, image/font/video optimization
Hatchling
Intermediate
Core Web Vitals
LCP, INP, CLS â these aren't just metrics. They're the language of performance that Google, your PM, and your interviewers all speak.
Rendering Performance & CSS Optimization
Reflows, repaints, compositor layers, CSS containment â the rendering pipeline has its own performance discipline. Architects who understand it build UIs that never jank.
Image, Video & Font Optimization
Media assets dominate page weight. Optimizing images, video, and fonts is the highest-leverage performance work â often cutting LCP by 50% or more with straightforward techniques.
Dinosaur
Advanced
Core Web Vitals & Performance Metrics
LCP, INP, CLS aren't just acronyms â they're the language of performance that connects engineering decisions to user experience and business outcomes.
Bundle Optimization & Code Splitting
Every kilobyte you ship is parse time, compile time, and execution time on the user's device. Bundle optimization is the discipline of shipping less.
Runtime Performance & Main Thread Optimization
The main thread is the bottleneck of every web app. Senior engineers keep it free â scheduling work, breaking up tasks, and offloading computation.
Performance Monitoring, Budgets & Culture
Performance isn't a one-time fix. It's a culture â measured in CI, monitored in production, and defended with budgets. This is how architects keep apps fast.