skills.rest
KILWA73
KILWA73COMMUNITY
Explore all skills by this author →
GitHub

core-web-vitals-analyzer

Analyze LCP, CLS, and INP/FID metrics to identify performance bottlenecks.

Updated Apr 12, 2026
Search Tags:#web performance#core web vitals#lcp#inp#cls#fid#remediation-plan
One-click install
npx skills add https://github.com/KILWA73/MiniSoc --skill core-web-vitals-analyzer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: core-web-vitals-analyzer
Source: https://github.com/KILWA73/MiniSoc/tree/main/.agents/skills/core-web-vitals-analyzer
Command: npx skills add https://github.com/KILWA73/MiniSoc --skill core-web-vitals-analyzer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Core Web Vitals metrics (LCP, CLS, INP/FID) are key indicators of user experience and page performance. This skill helps identify causing factors and provides actionable guidance to improve scores and loading speeds.

Core Features & Use Cases

  • Performance analysis: measures LCP, CLS, and INP/FID for a given page and surfaces bottlenecks.
  • Remediation suggestions: generates a prioritized plan including preloading critical assets, deferring non-critical JS, and CSS optimization to reduce main-thread work.
  • Use Case: web performance engineer wants to optimize a landing page to meet Core Web Vitals thresholds for better user experience and search ranking.

Quick Start

Run a core web vitals analysis on a given URL and return a prioritized remediation plan.

Frequently Asked Questions about core-web-vitals-analyzer

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

FAQPage Schema
How do I analyze Core Web Vitals to fix poor LCP and CLS scores?▼

To analyze Core Web Vitals, you measure LCP, CLS, and INP/FID metrics for a specific page to surface performance bottlenecks and generate a prioritized remediation plan for DOM, CSS, and JS issues.

What is the best way to improve page speed for single-page apps across mobile and desktop?▼

The best way to improve page speed for single-page apps is to measure Core Web Vitals across desktop and mobile, identify main-thread bottlenecks, and apply a prioritized remediation plan for measurable gains.

How do I create a remediation plan to reduce main-thread work and optimize web performance?▼

You can create a web performance remediation plan by analyzing Core Web Vitals to identify bottlenecks, then prioritizing fixes like preloading critical assets, deferring non-critical JS, and optimizing CSS.

Does Core Web Vitals optimization work for both standard web pages and single-page apps?▼

Yes, Core Web Vitals optimization applies to both standard web pages and single-page apps across desktop and mobile, analyzing LCP, CLS, and INP/FID to identify bottlenecks and propose targeted fixes.

Why does my web page have a high INP score and how do I reduce it?▼

Your web page likely has a high INP score due to heavy main-thread work from non-critical JS, which you can reduce by analyzing Core Web Vitals and deferring scripts through a structured remediation plan.

What DOM, CSS, and JS changes are needed to pass Core Web Vitals thresholds?▼

To pass Core Web Vitals thresholds, you need DOM, CSS, and JS changes like preloading critical assets, deferring non-critical JS, and optimizing CSS to reduce main-thread work, identified through a performance analysis.

Related Skills

Explore More Software Engineering Skills→
besync-labsbesync-labs
7

performance-profiling

Measure core web vitals and identify bottlenecks in web applications.

Community
Intermediate
thoreinsteinthoreinstein
3

core-web-vitals

Optimize Core Web Vitals (LCP, INP, CLS) through measurement and implementation guidance.

Community
Intermediate
ofelixdevofelixdev

performance

Identify and resolve web performance bottlenecks in loading speed and resource utilization.

Community
Advanced
patricio0312revpatricio0312rev
5

performance-budget-setter

Define and enforce performance budgets for bundle size, API latency, and render times.

Community
Advanced