Core Web Vitals

What it does

The core-web-vitals skill helps assess and optimize a website’s performance based on key metrics like Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS). It provides actionable insights to improve user experience by identifying bottlenecks in loading speed, interactivity, and visual stability.

When to use it

• You're optimizing a website for better search engine rankings.
• You want to identify performance issues that affect user engagement.
• You’re preparing a site for high traffic or critical business pages.
• You need to ensure consistent layout rendering across different devices and screen sizes.

Key capabilities

• Measures Largest Contentful Paint (LCP) for loading performance.
• Tracks First Input Delay (FID) to evaluate interactivity responsiveness.
• Monitors Cumulative Layout Shift (CLS) to detect unexpected layout changes.
• Provides detailed reports with recommendations for improvement.

Example prompts

• "Analyze the core web vitals of my website and provide a report."
• "What are the main issues affecting my site's Largest Contentful Paint score?"
• "How can I reduce Cumulative Layout Shift on this page?"

Tips & gotchas

• Ensure your website is fully loaded before running the analysis for accurate results.
• Use real user data or representative traffic patterns to get meaningful insights, as lab-based tests may not reflect actual performance.