Frontend Performance Audience: Developers modifying layouts, adding assets, or optimizing page load Goal: Prevent performance regressions and improve Core Web Vitals Core Web Vitals Targets | Metric | Good | Needs Improvement | Poor | |--------|------|-------------------|------| | LCP (Largest Contentful Paint) | < 2.5s | 2.5s - 4.0s | 4.0s | | CLS (Cumulative Layout Shift) | < 0.1 | 0.1 - 0.25 | 0.25 | | INP (Interaction to Next Paint) | < 200ms | 200ms - 500ms | 500ms | Font Loading Font swap causes CLS. Preload critical fonts before stylesheets. Correct Order in Rules - Only preload fonts…