Frontend EngineerAdvanced8 modules~4.0 hours hands-on
Frontend Performance & Delivery
Turn Atlas Market, a polished but slow commerce experience, into a fast and observable production frontend by measuring real bottlenecks, improving Core Web Vitals, shaping bundles and assets, and enforcing performance budgets in CI.
// What you'll be able to do- Connect user journeys, field data, lab traces, and budgets
- Improve document latency, LCP discovery, and render blocking
- Deliver the right images, fonts, and dimensions without CLS
- Inspect the module graph, split intentionally, and recover stale chunks
8 modules, built to run
Every module ships runnable code. Expand any one to see what's inside.
00IntroductionThe performance investigation you'll lead30 min
Objective — The performance investigation you'll lead
Start moduleFree preview
01Measure Before You OptimizeConnect user journeys, field data, lab traces, and budgets30 min
Objective — Connect user journeys, field data, lab traces, and budgets
02Loading and the Critical PathImprove document latency, LCP discovery, and render blocking30 min
Objective — Improve document latency, LCP discovery, and render blocking
03Responsive Assets and Stable LayoutDeliver the right images, fonts, and dimensions without CLS30 min
Objective — Deliver the right images, fonts, and dimensions without CLS
04JavaScript Delivery and Route BundlesInspect the module graph, split intentionally, and recover stale chunks30 min
Objective — Inspect the module graph, split intentionally, and recover stale chunks
05Interaction PerformanceDiagnose INP, long tasks, rendering cost, and main-thread contention30 min
Objective — Diagnose INP, long tasks, rendering cost, and main-thread contention
06Budgets, Telemetry, and DeliveryProtect gains with field instrumentation and automated release gates30 min
Objective — Protect gains with field instrumentation and automated release gates
07Pattern SynthesisSee it run: prove the optimized journey under production conditions30 min
Objective — See it run: prove the optimized journey under production conditions
Ready to start Frontend Performance & Delivery?
Start with the free Module 0, then unlock the full course on a Pro plan.