skills.rest
AlvaGonz
AlvaGonzCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

performance

Identify web performance bottlenecks and measure improvements with Lighthouse metrics.

Updated Feb 17, 2026
Search Tags:#performance#caching#optimization#lighthouse#web-vitals#bundle-size
One-click install
npx skills add https://github.com/AlvaGonz/A-prayer-request-app --skill performance-alvagonz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/AlvaGonz/A-prayer-request-app/tree/main/prayer-board/.agent/skills/performance
Command: npx skills add https://github.com/AlvaGonz/A-prayer-request-app --skill performance-alvagonz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web performance bottlenecks slow down user experiences and hurt engagement; this Skill provides a structured approach to identify and fix them.

Core Features & Use Cases

  • Identify bottlenecks using Lighthouse, Core Web Vitals, and field data.
  • Prioritize optimizations by impact on LCP, TTI, and CLS, with concrete code examples and budgets.
  • Measure improvements with before/after metrics and a reproducible workflow.

Quick Start

Run a Lighthouse audit on your homepage and implement the top two performance improvements.

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 using Lighthouse and Core Web Vitals?▼

You can identify web performance bottlenecks by running a Lighthouse audit to collect Core Web Vitals and field data. This Skill analyzes those metrics to pinpoint specific load time issues across mobile and desktop production websites.

What is the best way to improve Core Web Vitals like LCP and CLS for a production web app?▼

The best way to improve Core Web Vitals is to prioritize optimizations by their impact on LCP, TTI, and CLS. This Skill provides actionable code examples and establishes a performance budget to guide your fixes.

How do I establish a performance budget to reduce bundle size and load times?▼

You establish a performance budget by analyzing asset optimization opportunities and setting strict load time limits. This Skill helps define budgets for bundle size and provides actionable optimizations to stay within those constraints.

Can I use this approach to optimize assets for both mobile and desktop websites?▼

Yes, you can optimize assets for both mobile and desktop production websites. This Skill applies performance improvements across both environments to reduce load times and improve overall user experience.

How do I measure web performance improvements before and after optimizing assets?▼

You measure web performance improvements by comparing before and after Lighthouse metrics. This Skill provides a reproducible workflow to verify that your asset optimizations have successfully reduced load times.

Related Skills

Explore More Software Engineering Skills→
chiruu12chiruu12
1

benchmark

Automate web page performance benchmarking to detect regressions in load times and Core Web Vitals.

Community
Advanced
hopeoverturehopeoverture
6

performance-budget-enforcer

Enforce performance budgets on bundle sizes, Lighthouse scores, and Web Vitals in CI/CD pipelines.

Community
Advanced
PatternsDevPatternsDev
235

bundle-splitting

Split JavaScript bundles into smaller chunks with Webpack or Rollup.

Official
Intermediate
vecearvecear

caching-cdn-strategy-planner

Design multi-layer caching strategies with CDN, edge, and server-side invalidation workflows.

Community
Advanced