What problem does it solve? Web pages that fail Google's Core Web Vitals thresholds rank lower in search results and frustrate users with slow loading, laggy interactions, and shifting layouts. This Skill provides targeted diagnosis and fixes for the three metrics that determine page experience quality. ## Core Features & Use Cases - LCP Optimization: Fix slow server response, render-blocking resources, and unoptimized hero images using preload hints, fetchpriority, critical CSS, and the Speculation Rules API. - INP Optimization: Break up long tasks with scheduler.yield(), prioritize visual feedback in event handlers, and defer heavy work with requestIdleCallback. - CLS Optimization: Eliminate layout shifts by reserving space for images, ads, and embeds, matching web font metrics, and animating with transform instead of layout properties. - Use Case: A React app has a poor INP score because a click handler runs heavy computation synchronously. The Skill shows how to yield to the scheduler after rendering immediate visual feedback, then defer analytics to idle time. ## Quick Start Ask the assistant to analyze your page's Core Web Vitals and fix the LCP, INP, or CLS issues it finds.
