skills.rest
addyosmani
addyosmaniCOMMUNITY
Explore all skills by this author →
Website𝕏@addyosmaniGitHub

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
One-click install
npx skills add https://github.com/addyosmani/web-quality-skills --skill performance-addyosmani
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
DanialHaseebDanialHaseeb

optimize

Diagnose and fix UI performance issues across loading, rendering, animations, images, and bundle size.

Community
Advanced
emilneuraz-aiemilneuraz-ai

performance

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

Community
Advanced
RutEsMxRutEsMx

performance

Analyze Lighthouse audits and generate optimization code for web performance bottlenecks.

Official
Advanced
Icebane84Icebane84

performance-profiling

Run Lighthouse audits and parse JSON category scores into summaries.

Community
Intermediate