performance-optimization

Name: performance-optimization
Availability: InStock
Author: harishgovardhandamodar

Diagnose frontend and backend bottlenecks to reduce user-visible latency.

Updated Apr 8, 2026

Search Tags:#performance #optimization #profiling #web-performance #bundle-size #core-web-vitals #n-plus-one

Ready to run

npx skills add https://github.com/harishgovardhandamodar/adversarialStudy --skill performance-optimization-harishgovardhandamodar

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/harishgovardhandamodar/adversarialStudy/tree/main/Distributionally-Adversarial-Attack/.agents/skills/performance-optimization
Command: npx skills add https://github.com/harishgovardhandamodar/adversarialStudy --skill performance-optimization-harishgovardhandamodar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill reduces user-visible latency and resource waste by discovering real bottlenecks and guiding targeted fixes to improve load times, interaction responsiveness, and backend API latency.

Core Features & Use Cases

Measure-first workflow: Establish baselines with synthetic tooling (Lighthouse, DevTools) and real-user metrics (web-vitals, RUM) before changing code.
Bottleneck identification: Diagnose frontend issues (large bundles, render-blocking resources, layout shifts) and backend issues (N+1 queries, slow DB queries, missing caching).
Practical fixes & guardrails: Recommend prioritized fixes (code-splitting, image optimization, query batching, caching) and advise CI checks and monitoring to prevent regressions.
Use Case: When Core Web Vitals fall below targets after a release, use this Skill to profile traces, identify the top contributors to LCP/INP/CLS, implement fixes, and verify improvements with before/after metrics.

Quick Start

Profile the application with Lighthouse and RUM, identify the top three bottlenecks impacting Core Web Vitals, and recommend prioritized fixes with estimated impact and verification steps.

Frequently Asked Questions about performance-optimization

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

FAQPage Schema

How do I fix Core Web Vitals regressions after a release?▼

Diagnose frontend performance bottlenecks by analyzing large bundles, render-blocking resources, and layout shifts using synthetic tooling like Lighthouse and DevTools, then apply fixes such as code-splitting and image optimization to improve load times.

What's the best way to identify and resolve N+1 queries causing slow API latency?▼

Resolve N+1 queries and slow API latency by profiling backend performance traces to discover the bottlenecks, then applying targeted fixes like query batching and caching to reduce user-visible latency and resource waste.

How do I establish a performance baseline before optimizing web application load times?▼

Establish a performance baseline by measuring the application with synthetic tooling like Lighthouse and DevTools alongside real-user metrics from RUM before changing any code, ensuring you identify real bottlenecks accurately.

Do I need access to performance traces and profiling data to optimize application responsiveness?▼

Yes, you need access to performance traces, profiling data, and metrics to optimize application responsiveness, along with the ability to modify client or server code to implement required fixes and monitoring guardrails.

How do I prevent future Core Web Vitals regressions after implementing performance fixes?▼

Prevent future Core Web Vitals regressions by applying practical guardrails such as advising CI checks and monitoring, ensuring that performance fixes like query batching and code-splitting remain effective over time.