skills.rest
harishgovardhandamodar
harishgovardhandamodarCOMMUNITY
Explore all skills by this author →
GitHub

performance-optimization

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

Related Skills

Explore More Software Engineering Skills→
gabriellpequenogabriellpequeno
8

performance-profiling

Identify performance bottlenecks in web applications using Lighthouse and DevTools traces.

Community
Intermediate
casualjimcasualjim
3

test-driven-development

Enforce test-first development through RED, GREEN, and REFACTOR cycles.

Community
Advanced
JordiNodeJSJordiNodeJS

performance-optimization

Optimize Next.js 16 performance by targeting Core Web Vitals and caching.

Community
Advanced
gaiastudio-aigaiastudio-ai
2

gaia-perf-deepdive

Analyze code stories for performance bottlenecks and output a PASSED/FAILED verdict.

Official
Advanced