performance

Identify and fix web page performance bottlenecks using Lighthouse audits.

2.6k|238|Updated Jan 18, 2026

Search Tags:#performance #optimization #lighthouse #web-performance #core-web-vitals #lcp

Ready to run

npx skills add https://github.com/addyosmani/web-quality-skills --skill performance-addyosmani

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/addyosmani/web-quality-skills/tree/main/skills/performance
Command: npx skills add https://github.com/addyosmani/web-quality-skills --skill performance-addyosmani

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Deep performance optimization based on Lighthouse performance audits. Focuses on loading speed, runtime efficiency, and resource optimization.

Core Features & Use Cases

Performance budgeting to cap total payloads and critical resources.
Bottleneck identification across rendering path, network requests, and JavaScript execution.
Real-world use cases include speeding up large bundles, improving LCP/CLS/TBT, and reducing TTI.

Quick Start

Run a Lighthouse-based performance review on your page and apply 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 and fix web performance bottlenecks?▼

To identify and fix web performance bottlenecks, run a Lighthouse-based performance review on your page to analyze the rendering path, network requests, and JavaScript execution, then apply the recommended optimizations.

How can I improve Core Web Vitals like LCP, CLS, and INP?▼

Improve Core Web Vitals like LCP, CLS, and INP by analyzing your page with Lighthouse to find rendering and execution bottlenecks, then applying targeted fixes to resource loading and JavaScript execution to improve loading speed and runtime efficiency.

What is the best way to speed up large JavaScript bundles?▼

The best way to speed up large JavaScript bundles is to implement performance budgeting to cap total payloads and critical resources, while identifying specific execution bottlenecks across the rendering path to improve overall runtime efficiency.

Can I use this performance optimization approach for single-page apps?▼

Yes, this performance optimization approach works for single-page apps, multipage sites, and content-heavy pages across frameworks during development, staging, or production audits to improve loading speed and user experience.

How do performance budgets help with web performance optimization?▼

Performance budgets help web performance optimization by capping total payloads and critical resources, preventing large bundles and excessive network requests from slowing down load times and degrading the user experience.