Image Optimization
Images are often the #1 driver of LCP and page weight. This module covers formats (WebP/AVIF), responsive delivery, lazy loading, and practical workflows to reduce bytes without degrading UX.
| Lesson | Description |
|---|---|
| Checklist & Cheat Sheet | Fast audit checks and common targets |
| Foundation | Core concepts: formats, compression, sizing, and CLS safety |
| Plugin-Based Optimization | Configure an image plugin without double-optimizing |
| Bulk Offline Conversion | Convert/compress locally before uploading to WordPress |
| Responsive / Adaptive Images | srcset/sizes patterns for different devices |
| Lazy Load | Lazy loading that does not break LCP |