performance-optimization

Profile web applications and identify performance bottlenecks using Lighthouse and web-vitals.

Updated Mar 1, 2026
One-click install
npx skills add https://github.com/cpfcoaching/glowing-palm-tree --skill performance-optimization-cpfcoaching
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/cpfcoaching/glowing-palm-tree/tree/main/.agent/skills/performance-optimization
Command: npx skills add https://github.com/cpfcoaching/glowing-palm-tree --skill performance-optimization-cpfcoaching

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires lighthouse, web-vitals, apm, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses performance issues in applications, helping to identify bottlenecks and improve load times, Core Web Vitals, and overall user experience.

Core Features & Use Cases

  • Performance Measurement: Offers tools for synthetic and real user monitoring to establish baselines and identify bottlenecks.
  • Bottleneck Identification: Assists in pinpointing issues such as slow LCP, high CLS, and poor INP.
  • Optimization Workflow: Provides a structured approach to measure, identify, fix, verify, and guard against performance regressions.
  • Frontend and Backend Optimization: Offers guidance on optimizing both frontend and backend components, including code splitting, caching, and database queries.

Quick Start

Run the performance-optimization skill to profile your application and identify the top performance bottlenecks.

Frequently Asked Questions about performance-optimization

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I identify and resolve web application performance bottlenecks?

To resolve web application performance bottlenecks, profile your frontend and backend components using synthetic and real user monitoring to establish baselines and pinpoint slow LCP, high CLS, and poor INP issues.

What is the best way to improve Core Web Vitals and reduce load times?

Improving Core Web Vitals and reducing load times requires a structured workflow to measure, identify, fix, and verify performance regressions using targeted optimizations like code splitting, caching, and database query improvements.

How do I profile my application to find slow rendering and backend delays?

Profile your application by measuring both frontend and backend components to establish baselines, identifying specific rendering delays and backend bottlenecks to optimize overall user experience.

Do I need Lighthouse and APM tools to monitor application performance?

Yes, monitoring application performance requires tools like Lighthouse for synthetic testing, the web-vitals library for real user monitoring, and APM for diagnosing and guarding against performance regressions.

Why does my application suffer from poor INP and high CLS scores?

Poor INP and high CLS scores occur when frontend components lack optimization; identifying these specific bottlenecks through performance measurement allows for targeted fixes to improve user experience.

What is the correct performance optimization workflow for web applications?

The correct performance optimization workflow involves measuring baselines, identifying bottlenecks, fixing frontend and backend components, verifying improvements, and guarding against future performance regressions.