Audit web page performance using Chrome DevTools MCP for Core Web Vitals and network issues.
npx skills add https://github.com/JuanJoseGonGi/skills --skill web-perf-juanjosegongi
Please help me install this Agent Skill. Skill: web-perf Source: https://github.com/JuanJoseGonGi/skills/tree/main/web-perf Command: npx skills add https://github.com/JuanJoseGonGi/skills --skill web-perf-juanjosegongi
This Skill helps diagnose and fix issues that slow down websites, ensuring a faster and smoother experience for users.
Analyze the web performance of the provided URL 'https://example.com'.
High-intent search queries and answers about installing and using this skill.
To audit Core Web Vitals, you analyze LCP, CLS, and TBT metrics to identify performance bottlenecks. This detects render-blocking resources, network dependency chains, and layout shifts to profile and debug page load speed.
Identifying render-blocking resources and network chains requires network optimization analysis. It detects scripts and assets blocking page render, caching problems, and dependency chains to optimize website speed and Lighthouse scores.
Chrome DevTools helps debug website speed by profiling page load performance and analyzing network dependency chains. It measures Core Web Vitals, flags caching issues, and identifies render-blocking resources to improve Lighthouse scores.
Yes, you can detect accessibility gaps that impact user experience. Accessibility audits flag high-level issues during web performance profiling, ensuring a smoother and faster experience for users interacting with the page.
An LCP over 4 seconds on an e-commerce page is caused by render-blocking resources, unoptimized images, or network dependency chains. Analyze Core Web Vitals to pinpoint bottlenecks and recommend specific image and script optimizations.
You should not use a web performance audit when diagnosing backend server downtime or database latency. It specifically targets frontend rendering, layout shifts, caching issues, and Core Web Vitals rather than server-side infrastructure limits.
mymx2Inspect DOM, network traffic, and screenshots via Chrome DevTools MCP.
daveioMeasure Core Web Vitals and detect render-blocking resources with Chrome DevTools MCP.
aroidoMeasure Core Web Vitals and enforce performance budgets in CI/CD pipelines.
PMKhaiStream React server-side rendering with renderToPipeableStream and Suspense.
