web-perf

Analyzes Core Web Vitals metrics and identifies web page bottlenecks.

2|Updated Apr 2, 2026
One-click install
npx skills add https://github.com/kaone31056789/KritakaPrajna --skill web-perf-kaone31056789
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-perf
Source: https://github.com/kaone31056789/KritakaPrajna/tree/main/.verdent/skills/web-perf
Command: npx skills add https://github.com/kaone31056789/KritakaPrajna --skill web-perf-kaone31056789

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web performance optimization is often manual, error-prone, and hard to scale across pages. This Skill provides a structured approach to analyzing Core Web Vitals and related rendering and networking issues using MCP to guide reliable improvements.

Core Features & Use Cases

  • Core Web Vitals analysis: Measures FCP, LCP, CLS, TBT, and Speed Index with actionable guidance.
  • Resource and network insights: Identifies render-blocking resources, network dependency chains, caching issues, and layout shifts.
  • Audit, profile, and optimize workflows: Useful for debugging performance, preparing Lighthouse scores, or site-speed improvements across pages.
  • Common scenarios: Landing pages, dashboards, and dynamic-content pages where performance bottlenecks recur.

Quick Start

Analyze a target page to surface the top three performance bottlenecks and propose concrete improvements.

Frequently Asked Questions about web-perf

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

FAQPage Schema
How do I analyze Core Web Vitals to identify web performance bottlenecks?

Analyzing Core Web Vitals involves measuring FCP, LCP, CLS, TBT, and Speed Index to surface top performance bottlenecks. This process identifies render-blocking resources and network dependency chains, providing prioritized recommendations to improve site speed.

What is the best way to audit site speed for dynamic-content pages and dashboards?

Auditing site speed for dynamic-content pages requires profiling rendering and network issues. By evaluating Core Web Vitals and detecting layout shifts or caching problems, you receive actionable guidance to optimize recurring performance bottlenecks.

How do I find render-blocking resources and network dependency chains affecting my LCP score?

To find render-blocking resources affecting your LCP score, analyze network dependency chains and resource loading patterns. This reveals specific scripts or stylesheets delaying rendering, enabling targeted optimizations to reduce Largest Contentful Paint times.

Can I use a Lighthouse audit workflow to debug accessibility gaps and layout shifts?

Yes, a Lighthouse audit workflow can debug accessibility gaps and layout shifts. It evaluates Core Web Vitals alongside rendering issues, identifying visual instability and accessibility deficiencies to deliver concrete improvements for overall page optimization.

Why does my page experience high Total Blocking Time and how can I optimize it?

High Total Blocking Time occurs when main thread tasks delay page interactivity. Profiling TBT alongside other Core Web Vitals identifies heavy JavaScript execution and network dependency chains, allowing targeted code splitting to optimize site speed.