skills.rest
involvex
involvexCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-perf

Analyze web performance with Chrome DevTools MCP tools to measure Core Web Vitals.

Updated Mar 7, 2026
Search Tags:#accessibility#optimization#lighthouse#web performance#core web vitals#page speed
One-click install
npx skills add https://github.com/involvex/llms-remote --skill web-perf-involvex
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-perf
Source: https://github.com/involvex/llms-remote/tree/main/.agents/skills/web-perf
Command: npx skills add https://github.com/involvex/llms-remote --skill web-perf-involvex

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps identify and fix issues that slow down websites, leading to better user experience and higher search engine rankings.

Core Features & Use Cases

  • Core Web Vitals Analysis: Measures and diagnoses LCP, CLS, and TBT.
  • Network Optimization: Detects render-blocking resources and inefficient request chains.
  • Accessibility Auditing: Flags high-level accessibility gaps.
  • Use Case: Audit a slow-loading e-commerce product page to pinpoint why it's underperforming and get actionable recommendations to improve its Lighthouse score.

Quick Start

Analyze the performance of the website at 'https://example.com'.

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 and diagnose what is slowing down my website?▼

To analyze Core Web Vitals, you measure LCP, CLS, and TBT to identify why a website is slow. This Skill audits render-blocking resources and network chains to provide actionable recommendations for improving page speed and Lighthouse scores.

What is causing layout shifts and render-blocking resources on my web pages?▼

Render-blocking resources and layout shifts stem from inefficient asset loading and network dependency chains. This Skill profiles pages to detect these issues, identify caching gaps, and flag accessibility problems affecting overall web performance.

Can I audit page speed and accessibility gaps for a specific URL?▼

Yes, you can audit page speed and accessibility for a specific URL. By analyzing a target like 'https://example.com', the Skill measures Core Web Vitals and flags accessibility gaps to help improve Lighthouse scores.

How do I debug network dependency chains that hurt my Lighthouse score?▼

Debugging network dependency chains involves tracing inefficient request sequences that delay page rendering. This Skill identifies these chains and caching issues using Chrome DevTools to help optimize your overall Lighthouse score.

Does this web performance optimization approach work without external dependencies?▼

Yes, this web performance optimization approach works without external dependencies. It relies on built-in Chrome DevTools MCP tools to measure Core Web Vitals and identify render-blocking resources directly, requiring no additional packages.

Related Skills

Explore More Software Engineering Skills→
CygnusfearCygnusfear
5

chrome-devtools

Control Chrome DevTools Protocol to automate browser interactions and capture console, network, and screenshots.

Community
Advanced
charl-krugercharl-kruger
5

web-perf

Measure Core Web Vitals and profile resource timing with Chrome DevTools MCP.

Community
Advanced
cloudflarecloudflare
2.6k

web-perf

Audit web performance and diagnose Core Web Vitals issues using Chrome DevTools MCP.

Official
Advanced
warpdotdevwarpdotdev
820

web-performance-audit

Audit web page performance with Chrome DevTools MCP traces and Core Web Vitals.

Official
Advanced