Audit web page performance bottlenecks using Chrome DevTools MCP traces.
npx skills add https://github.com/mynameistito/opencode-config --skill web-perf-mynameistito
Please help me install this Agent Skill. Skill: web-perf Source: https://github.com/mynameistito/opencode-config/tree/main/skills/web-perf Command: npx skills add https://github.com/mynameistito/opencode-config --skill web-perf-mynameistito
Manually identifying web performance bottlenecks, render-blocking resources, layout shifts, and accessibility gaps is time-consuming and prone to oversight, leading to poor user experience, high bounce rates, and lower search engine rankings. This Skill automates the end-to-end performance audit process to quickly surface actionable issues.
Use the web-perf skill to audit the performance of your public website https://your-site.com and receive a prioritized list of fixes to improve its Core Web Vitals scores and page load speed.
High-intent search queries and answers about installing and using this skill.
You can audit web performance by analyzing page load behavior to identify bottlenecks like render-blocking resources and layout shifts. This skill measures metrics like FCP and LCP against Google thresholds to provide prioritized fixes for improving Core Web Vitals.
A slow LCP is often caused by unoptimized hero images or render-blocking CSS. By capturing performance traces and analyzing network requests, you can trace the bottleneck and receive actionable insights to bring LCP under the 2.5s threshold.
The best way to identify render-blocking resources is to capture performance traces and analyze network dependency chains. This process flags missing preloads, caching misconfigurations, and oversized uncompressed payloads that degrade page speed.
Yes, you need access to the Chrome DevTools MCP server to debug slow page speed. It is required to capture performance traces, analyze network requests, and extract accessibility snapshots for actionable optimization insights.
Yes, you can detect accessibility gaps during a performance audit by extracting accessibility snapshots. This flags high-level issues including missing ARIA IDs, poor contrast ratios, and missing focus indicators alongside web performance metrics.
Web performance optimization applies to auditing both public and internal websites. By profiling page load behavior and measuring Core Web Vitals, it resolves bottlenecks to improve user experience and search engine rankings across site types.
martinezharoAnalyze Core Web Vitals and network request chains for web performance.
aroidoMeasure Core Web Vitals and enforce performance budgets in CI/CD pipelines.
doanchienthangdevRun Lighthouse audits and analyze Core Web Vitals for browser performance.
mpsuesserMeasure Core Web Vitals and diagnose page-load bottlenecks using Chrome DevTools traces.
