Web Performance
Course Index
29 Lessons · 3 Sections
Master web performance optimisation — Core Web Vitals (LCP, INP, CLS), image/font/JS optimisation, Scheduler API & Real User Monitoring. Covers Lighthouse, WebPageTest & 5 hands-on builds with measurable before/after score improvements.
29Lessons
3Sections
5Projects
FreeAccess
Section 1Core Web Vitals & MeasurementLessons 1–10
Lesson 1
Why Web Performance Matters
Lesson 2
Core Web Vitals: LCP, INP & CLS
Lesson 3
LCP: Largest Contentful Paint
Lesson 4
INP: Interaction to Next Paint
Lesson 5
CLS: Cumulative Layout Shift
Lesson 6
TTFB: Time to First Byte
Lesson 7
Measuring Performance: Lighthouse & PageSpeed
Lesson 8
Chrome DevTools Performance Panel
Lesson 9
WebPageTest & CrUX
Lesson 10
Image Optimisation: WebP, AVIF & srcset
Section 2Optimisation TechniquesLessons 11–22
Lesson 11
Font Optimisation
Lesson 12
CSS Optimisation: Critical CSS & Purging
Lesson 13
JavaScript Optimisation: Bundle Size
Lesson 14
Code Splitting & Lazy Loading
Lesson 15
Tree Shaking & Dead Code Elimination
Lesson 16
Caching: HTTP Headers & CDN
Lesson 17
Preloading & Prefetching Resources
Lesson 18
Render-Blocking Resources
Lesson 19
INP Optimization: Long Tasks & Main Thread
Lesson 20
Scheduler API & scheduler.yield()
Lesson 21
Server-Side Rendering for Performance
Lesson 22
Real User Monitoring (RUM)
Section 3Advanced Techniques & ProjectsLessons 23–29