skills.rest
lucasloutayf
lucasloutayfCOMMUNITY
Explore all skills by this author →
GitHub

performance

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

Updated May 18, 2026
Search Tags:#performance#optimization#runtime#lighthouse#web-performance#core-web-vitals#loading-speed
One-click install
npx skills add https://github.com/lucasloutayf/barberia-evolution --skill performance-lucasloutayf
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/lucasloutayf/barberia-evolution/tree/main/.agents/skills/performance
Command: npx skills add https://github.com/lucasloutayf/barberia-evolution --skill performance-lucasloutayf

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Optimize web performance by identifying and fixing bottlenecks that slow page loads and degrade user experience.

Core Features & Use Cases

  • Lighthouse-driven audits to pinpoint opportunities across critical metrics (LCP, FID, CLS).
  • Runtime optimizations and resource budgeting for JS, CSS, images, and server responses.
  • Use Case: When a site shows slow initial load or poor Core Web Vitals, apply recommended changes to improve performance and user satisfaction.

Quick Start

Run a Lighthouse performance audit on your page 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 improve poor Core Web Vitals and speed up page loading times?▼

Run a Lighthouse performance audit to pinpoint bottlenecks across critical metrics like LCP, FID, and CLS, then apply actionable code changes to optimize resources and speed up page loads.

What is the best way to identify web performance bottlenecks in a single page application?▼

Lighthouse-driven audits identify SPA performance bottlenecks by analyzing critical metrics like LCP, FID, and CLS, providing actionable recommendations for optimizing resources and server configuration.

How do I optimize JavaScript and CSS resources to reduce runtime and loading speed issues?▼

Implement resource budgeting and runtime optimizations for JS and CSS based on Lighthouse recommendations to minimize bottlenecks, reduce loading speed issues, and improve web performance.

Can I use Lighthouse audits to fix slow initial page loads and improve user experience?▼

Yes, Lighthouse audits fix slow initial page loads by identifying opportunities across critical metrics, enabling targeted server configuration and resource optimizations to improve user satisfaction.

Does this web performance optimization approach work for both static pages and SPAs?▼

Yes, web performance optimization via Lighthouse bottleneck analysis and runtime optimizations applies across both static pages and SPAs, targeting critical metrics like LCP, FID, and CLS.

Why does my site still show poor Core Web Vitals after basic image optimization?▼

Poor Core Web Vitals persist because web performance requires comprehensive runtime optimizations beyond images, including JS, CSS resource budgeting, and server response improvements identified through Lighthouse audits.

Related Skills

Explore More Software Engineering Skills→
melikhanmutlumelikhanmutlu

performance-profiling

Measure Core Web Vitals and profile runtime behavior with Lighthouse.

Community
Advanced
kennyolofsson23-netizenkennyolofsson23-netizen

performance

Analyze web pages and generate optimization recommendations for Core Web Vitals.

Community
Advanced
addyosmaniaddyosmani
2.6k

performance

Identify and fix web page performance bottlenecks using Lighthouse audits.

Community
Advanced
ollieb89ollieb89

performance-profiling

Run Lighthouse audits and collect runtime metrics via Python script.

Community
Advanced