skills.rest
gmagnenat
gmagnenatCOMMUNITY
Explore all skills by this author →
Website𝕏@magnenatgGitHub

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

Related Skills

Explore More Software Engineering Skills→
R2W1csR2W1cs
1

performance-profiling

Run Lighthouse audits to analyze web app performance and core web vitals.

Community
Advanced
mxyhimxyhi
467

optimize

Optimize user interface performance by addressing Core Web Vitals and network efficiency.

Community
Advanced
CivicActionsCivicActions
2

performance-frontend

Audit frontend performance by analyzing Core Web Vitals and render-blocking resources.

Official
Advanced
ofelixdevofelixdev

performance-profiling

Run Lighthouse audits and analyze Core Web Vitals for web performance.

Community
Intermediate