Optimization cheat sheet
A quick reference to every method, its benefit and the page that covers it.
| Category | Method | Benefit | Example |
|---|---|---|---|
| Core Web Vitals | LCP ≤ 2.5 s | Faster perceived loading | Preloaded LCP image, fetchpriority="high" |
| Core Web Vitals | INP ≤ 200 ms | Smooth interactions | Short JS tasks, defer |
| Core Web Vitals | CLS ≤ 0.1 | Stable layout | width/height, font-display |
| Loading | Lazy loading, Preload, defer & async, Speculation Rules | Faster initial render and navigation | <img loading="lazy"> |
| Crawl | robots.txt, sitemap.xml | Controlled crawling and indexing | Disallow: /admin/ |
| Server | Caching, Brotli/gzip, HTTP/3, redirects | Fewer requests, lighter transfers | AddOutputFilterByType DEFLATE text/html |
| Images | AVIF/WebP, srcset | Lighter pages | <picture> |
| Accessibility | Landmarks, 4.5:1 contrast, captions | Usable by everyone | <nav aria-label="…"> |