skills.rest
paialex
paialexCOMMUNITY
Explore all skills by this author →
GitHub

core-web-vitals

Diagnose and optimize LCP, INP, and CLS on web pages.

1|Updated Feb 13, 2026
Search Tags:#web performance#core web vitals#lcp#page experience#inp#cls
One-click install
npx skills add https://github.com/paialex/ai-skills-bank --skill core-web-vitals-paialex
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: core-web-vitals
Source: https://github.com/paialex/ai-skills-bank/tree/main/skills/core-web-vitals
Command: npx skills add https://github.com/paialex/ai-skills-bank --skill core-web-vitals-paialex

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Optimize Core Web Vitals (LCP, INP, CLS) to improve page experience and search ranking by identifying bottlenecks and providing actionable fixes.

Core Features & Use Cases

  • Diagnostics identify bottlenecks in server response, resource loading, and rendering paths.
  • Guided optimizations offer concrete steps to reduce TTFB, optimize images, inline critical CSS, and stabilize layout.
  • Use Case: Apply to a slow landing page or SPA where perceived performance impacts conversions.

Quick Start

Run a quick audit of the current page and implement the recommended fixes to improve LCP, INP, and CLS.

Frequently Asked Questions about core-web-vitals

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I optimize Core Web Vitals for a slow landing page?▼

To optimize Core Web Vitals, diagnose bottlenecks in server response and rendering, then apply guided fixes to reduce TTFB and inline critical CSS for faster page loading.

What is the best way to reduce layout shift and improve CLS on dynamic web pages?▼

Improving CLS on dynamic pages requires identifying rendering bottlenecks and applying concrete steps to stabilize layout, ensuring visual elements do not shift during loading.

Can I use this to fix poor interactivity and INP on an SPA?▼

Yes, you can fix poor interactivity and INP on an SPA by running an audit to identify bottlenecks and implementing actionable optimizations to improve perceived performance.

Does optimizing page experience help with search ranking for CMS-driven sites?▼

Optimizing page experience directly helps search ranking for CMS-driven sites by validating against established LCP, INP, and CLS targets to improve overall site speed and stability.

How do I diagnose slow initial paint and high TTFB on static web pages?▼

Diagnose slow initial paint and high TTFB on static pages by analyzing server response times and resource loading paths, then implementing recommended fixes to optimize images.

Related Skills

Explore More Software Engineering Skills→
jvm-skillsjvm-skills
135

performance

Identify and fix web performance bottlenecks in single-page and multi-page sites.

Official
Advanced
runkidsrunkids
11

core-web-vitals

Optimize LCP, INP, and CLS with prioritized remediation plans.

Community
Advanced
ftnilssonftnilsson

Frontend Performance

Measure and diagnose frontend performance using Core Web Vitals and Lighthouse.

Community
Advanced
KrismithReddy12KrismithReddy12

benchmark

Measure web performance metrics and compare against baselines to detect regressions.

Community
Advanced