Web Performance: From Slow Pages to Lighthouse 100s
Web performance is the difference between a site that converts and one that gets abandoned. Milliseconds of render delay directly affect bounce rates, Core Web Vitals scores, and search rankings. This track covers the full stack of optimization: from Lighthouse audits and Core Web Vitals to JavaScript execution, server-side tuning, and real-user monitoring — grounded in the tools browsers and Google actually measure.
What You Will Learn
You will learn how to run and interpret Lighthouse audits, optimize images, media, CSS, and fonts to cut payload size, and understand how the critical rendering path works and where to interrupt it. You will measure user experience through Core Web Vitals (LCP, CLS, INP), set and enforce performance budgets, implement HTTP caching and network-level strategies, write faster JavaScript by avoiding layout thrash and long tasks, tune server-side response times, and instrument production traffic with Real User Monitoring (RUM) alongside synthetic tests.
The Learning Path
Twelve courses span A1 through C1. The track opens with the core concepts and a first Lighthouse walkthrough, then moves through image and media optimization, CSS and font strategies, and Core Web Vitals at the B1 level. B2 courses cover the critical rendering path, advanced Lighthouse customization, network caching, and performance budgets. The final C1 courses — JavaScript Performance Best Practices, Server-Side Performance & Backend Optimization, and Real User Monitoring (RUM) & Synthetic Monitoring — address production-grade concerns that go well beyond what a single audit reveals.
How It Works
Each course is split into short, hands-on lessons you complete in the built-in editor with real-time feedback and an AI tutor available when you get stuck. Concepts are reinforced immediately through exercises tied to real browser tooling and Lighthouse metrics, so you finish each session with something measurable, not just notes.