Lighthouse-based performance optimization with budgets, critical rendering path guidance, and Core Web Vitals alignment.

• Defines resource budgets (1.5 MB total, <300 KB JS, <100 KB CSS) and provides server response optimization (TTFB <800ms, HTTP/2, edge caching)
• Covers resource loading strategies: preconnect/preload directives, deferred CSS, script deferral patterns, and code splitting techniques
• Includes image optimization (AVIF/WebP selection, responsive markup, LCP prioritization) and font strategies (variable fonts, font-display swap, subsetting)
• Addresses runtime performance: layout thrashing prevention, debouncing, requestAnimationFrame, and list virtualization for large datasets
• Provides caching strategies (Cache-Control headers, service worker patterns) and third-party script management (async loading, interaction-based delays, facade patterns)