skills.rest
programadorisgod
programadorisgodCOMMUNITY
Explore all skills by this author →
GitHub

performance

Identify and fix web performance bottlenecks using Lighthouse metrics.

1|Updated Feb 26, 2026
Search Tags:#performance#optimization#lighthouse#budget#web#core-web-vitals
One-click install
npx skills add https://github.com/programadorisgod/builder-projects --skill performance-programadorisgod
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/programadorisgod/builder-projects/tree/main/bin/assets/.agents/skills/performance
Command: npx skills add https://github.com/programadorisgod/builder-projects --skill performance-programadorisgod

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web performance bottlenecks cause slow loading and poor user experience, especially on mobile; this skill provides an actionable approach to diagnose and fix performance issues.

Core Features & Use Cases

  • Identify bottlenecks in code, assets, and rendering paths and provide concrete optimizations.
  • Guide improvements aligned with Core Web Vitals and performance budgets across SPA and SSR apps.
  • Provide examples and measurements to validate gains with before/after metrics.

Quick Start

Run a Lighthouse audit on your page and implement the top 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 in my front-end project?▼

To fix web performance bottlenecks, you audit your page to diagnose slow loading issues in code, assets, and rendering paths. This skill then provides concrete optimizations to reduce payloads and improve rendering times.

How do I optimize Core Web Vitals for server-rendered and SPA apps?▼

Optimizing Core Web Vitals for SPA and SSR apps involves establishing performance budgets and applying targeted improvements to the rendering path. This skill guides these improvements using Lighthouse metrics to validate the gains.

Does this approach work for improving mobile page load times?▼

Yes, diagnosing and fixing web performance bottlenecks explicitly targets poor user experience on mobile. It provides actionable optimizations to speed up page loads across front-end projects and mobile experiences.

What's the best way to validate performance gains after applying optimizations?▼

The best way to validate performance gains is by comparing before and after Lighthouse metrics. This skill enforces a structured workflow that provides code examples and measurable outcomes to confirm improvements.

Do I need to set performance budgets to improve my site's loading speed?▼

Setting performance budgets is a core part of the structured workflow to guide improvements aligned with Core Web Vitals. It helps enforce limits on payloads and rendering times to effectively speed up page loads.

When do I need to run a Lighthouse audit for my web application?▼

You need to run a Lighthouse audit when experiencing slow loading or poor rendering performance to identify bottlenecks. It serves as the quick start to diagnose issues and implement the top recommended optimizations.

Related Skills

Explore More Software Engineering Skills→
YeomanYeYeomanYe

performance

Identify web performance bottlenecks and apply optimization techniques using Lighthouse metrics.

Community
Advanced
ZainEldeen-Ashraf-Ibrahim-Ibrahim-SamakZainEldeen-Ashraf-Ibrahim-Ibrahim-Samak

optimize

Diagnose and fix UI performance issues using Core Web Vitals measurements.

Community
Advanced
PatternsDevPatternsDev
235

compression

Apply Gzip and Brotli compression to JavaScript assets in build pipelines.

Official
Advanced
wilfriedagowilfriedago
2

angular-performance

Optimize Angular performance with NgOptimizedImage, @defer lazy loading, and SSR hydration.

Community
Intermediate