performance

Identify web performance bottlenecks using Lighthouse and Core Web Vitals data.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/nshonda/workstation-setup --skill performance-nshonda
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/nshonda/workstation-setup/tree/main/claude/skills/performance
Command: npx skills add https://github.com/nshonda/workstation-setup --skill performance-nshonda

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill guides teams to identify and fix performance bottlenecks to improve page load times and user experience.

Core Features & Use Cases

  • Identify bottlenecks using Lighthouse and Core Web Vitals metrics
  • Propose actionable optimizations and implementation guidance
  • Conduct measured improvements with before/after benchmarks

Quick Start

Run a targeted performance audit on your site and implement the recommended optimizations.

Frequently Asked Questions about performance

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

FAQPage Schema
How do I identify performance bottlenecks in my web application?

Identify performance bottlenecks using Lighthouse data and Core Web Vitals metrics to find slow load times and heavy main-thread tasks. This audit reveals specific landing page or SPA issues where measurable optimizations are possible.

What is the best way to optimize Core Web Vitals for a single page application?

The best way to optimize Core Web Vitals for an SPA is to target heavy main-thread tasks using Lighthouse data. Apply actionable optimizations within budget constraints and verify gains using measured before-and-after benchmarks.

Do I need Lighthouse data to improve web page load times?

Yes, you need Lighthouse data to accurately measure and identify performance bottlenecks. It provides the baseline metrics required to propose targeted optimizations and conduct measured improvements with before-and-after benchmarks.

Can I optimize landing page performance without breaking existing functionality?

Yes, you can optimize landing page performance safely by following an incremental rollout plan. This approach ensures stable deployments while applying targeted optimizations to improve load times within your defined budget constraints.

How do I set performance budgets for web application optimizations?

Set performance budgets by defining constraints for your Core Web Vitals and load times before auditing. Use these budget constraints alongside Lighthouse data to propose actionable optimizations that ensure stable, measurable improvements.