skills.rest
d0whc3r
d0whc3rCOMMUNITY
Explore all skills by this author →
GitHub

performance

Identify and fix web performance bottlenecks using Lighthouse-guided audits.

Updated Mar 21, 2026
Search Tags:#performance#frontend#optimization#metrics#lighthouse#budgeting#web-vitals
One-click install
npx skills add https://github.com/d0whc3r/hackaton-cubepath --skill performance-d0whc3r
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/d0whc3r/hackaton-cubepath/tree/main/.agents/skills/performance
Command: npx skills add https://github.com/d0whc3r/hackaton-cubepath --skill performance-d0whc3r

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identifies and fixes web performance bottlenecks to improve user-perceived speed and Core Web Vitals, enabling faster pages and smoother interactions.

Core Features & Use Cases

  • Lighthouse-driven audits to pinpoint bottlenecks in server timing, render path, and asset loading.
  • Actionable, code-level optimizations for JavaScript, CSS, images, and fonts with measurable before/after results.
  • Use cases include improving slow landing pages, large SPAs, and marketing sites needing faster load times and better engagement metrics.

Quick Start

Optimize a page by running a Lighthouse audit, implementing the recommended fixes, and validating performance gains.

Frequently Asked Questions about performance

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

FAQPage Schema
How do I identify web performance bottlenecks affecting Core Web Vitals?▼

Run Lighthouse-driven audits to pinpoint web performance bottlenecks across server timing, render paths, and asset loading, generating before and after metrics to validate Core Web Vitals improvements.

How do I optimize slow landing pages and large SPAs using Lighthouse?▼

Apply Lighthouse-guided optimizations to slow landing pages and large SPAs by implementing actionable, code-level fixes for JavaScript, CSS, images, and fonts to achieve faster load times and improved engagement metrics.

Can I enforce performance budgets for assets and runtime scripts?▼

Yes, you can enforce performance budgets for assets and runtime scripts to prevent bloat and maintain user-perceived speed across server timing and render paths in real-world projects.

Does this approach provide concrete code examples for frontend optimization?▼

Yes, this approach provides concrete code examples for frontend optimization, delivering actionable improvements for JavaScript, CSS, images, and fonts with measurable before and after results to validate performance gains.

What is the best way to validate performance gains on remote sites?▼

The best way to validate performance gains on remote sites is to generate before and after metrics by applying Lighthouse-guided optimizations across the render path and runtime scripts to ensure faster pages.

Related Skills

Explore More Software Engineering Skills→
FabioFioritaFabioFiorita

web-perf

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

Community
Advanced
qazuorqazuor

performance-testing

Automate end-to-end performance testing across database, API, and frontend layers.

Community
Advanced
deomiarndeomiarn

performance-audit

Audit website performance with Lighthouse against Core Web Vitals targets.

Community
Intermediate
gmagnenatgmagnenat
1

performance

Identify and fix web performance bottlenecks using Lighthouse metrics and Core Web Vitals.

Community
Advanced