performance

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

1|1|Updated Feb 5, 2026

Search Tags:#performance #optimization #runtime #lighthouse #web-performance #core-web-vitals #loading-time

Ready to run

npx skills add https://github.com/gmagnenat/focus-flow-app --skill performance-gmagnenat

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/gmagnenat/focus-flow-app/tree/main/skills/performance
Command: npx skills add https://github.com/gmagnenat/focus-flow-app --skill performance-gmagnenat

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Optimize web performance to accelerate page loads and improve user experience by identifying and addressing bottlenecks across modern web apps.

Core Features & Use Cases

Auditing & benchmarking: run Lighthouse-like audits to locate render-blocking resources, unused CSS, excessive JavaScript, and unoptimized images.
Optimization guidance: provide concrete steps to reduce TBT, FID, LCP, and CLS, with ready-to-use code snippets and configuration changes.
Use Case: when a site feels slow on mobile, apply recommended improvements to reduce total page weight and improve first meaningful paint.

Quick Start

Run an end-to-end performance audit and implement the top three improvements suggested by the audit.

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 affecting my page load times?▼

Web performance bottlenecks are identified by running audits to locate render-blocking resources, unused CSS, excessive JavaScript, and unoptimized images that delay page load times.

What's the best way to improve Core Web Vitals like LCP and CLS?▼

Improve Core Web Vitals like LCP and CLS by applying concrete optimization steps and configuration changes to reduce total page weight and accelerate page loads.

How do I reduce Total Blocking Time and improve first meaningful paint on mobile?▼

Reduce Total Blocking Time and improve first meaningful paint on mobile by applying recommended improvements that decrease excessive JavaScript and optimize asset delivery.

Can I use this performance optimization approach for SPAs and e-commerce sites?▼

Yes, this performance optimization approach can be applied to SPAs, e-commerce experiences, and marketing sites during optimization sprints to effectively improve page load times.

Do I need Lighthouse metrics to start fixing web performance issues?▼

Yes, Lighthouse metrics and Core Web Vitals targets are required to effectively identify bottlenecks and guide the best-practice asset optimization needed to fix web performance issues.

Why does my site feel slow on mobile even after image optimization?▼

Your site may feel slow on mobile due to render-blocking resources or excessive JavaScript, requiring a full performance audit beyond just image optimization to locate remaining bottlenecks.