performance-optimization

Identify and optimize performance bottlenecks in web and backend applications.

2|Updated Apr 9, 2026

Search Tags:#performance #frontend #optimization #backend #profiling #core-web-vitals

Ready to run

npx skills add https://github.com/heimanba/port-lens --skill performance-optimization-heimanba

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/heimanba/port-lens/tree/main/.cursor/skills/performance-optimization
Command: npx skills add https://github.com/heimanba/port-lens --skill performance-optimization-heimanba

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Performance optimization helps teams reduce load times, improve interactivity, and stabilize systems by measuring and addressing bottlenecks rather than guessing.

Core Features & Use Cases

Measure baseline performance with real data and profiling tools to pinpoint bottlenecks.
Identify frontend and backend performance issues, including Core Web Vitals targets, large data-processing workloads, and slow API paths.
Apply targeted fixes and verify improvements with repeat measurements across representative scenarios.

Quick Start

Run a baseline performance measurement on representative workloads, identify the top bottleneck from the profile, implement a focused fix, and re-measure to verify improvement.

Frequently Asked Questions about performance-optimization

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

FAQPage Schema

How do I identify frontend performance bottlenecks affecting Core Web Vitals?▼

Identify frontend performance bottlenecks by measuring baseline performance with real data and profiling tools to pinpoint exact Core Web Vitals issues rather than guessing. Profile representative workloads to isolate slow API paths and large data-processing tasks before applying targeted fixes.

What's the best way to approach backend performance optimization for slow API paths?▼

The best way to approach backend performance optimization is following a disciplined workflow: measure baseline load times with real data, identify the top bottleneck from the profile, implement a focused fix, and re-measure to verify the improvement across representative scenarios.

Why does performance optimization require profiling tools instead of direct code changes?▼

Performance optimization requires profiling tools because they provide real data to pinpoint bottlenecks accurately, ensuring teams address actual interactivity and load-time issues through measurement rather than guessing, which stabilizes systems and verifies improvements with repeatable tests.

Can I apply load-time budgets to scalable data processing workloads?▼

Yes, you can apply load-time budgets to scalable data processing workloads. The optimization process targets both frontend Core Web Vitals and large backend data-processing scenarios, ensuring systems remain stable and interactive under heavy representative workloads.

How do I verify performance improvements after fixing bottlenecks?▼

Verify performance improvements by taking repeat measurements across representative scenarios after implementing a focused fix. This disciplined workflow ensures the load-time and interactivity bottlenecks identified by profiling tools are actually resolved and guarded against regressions.