skills.rest
hodinhtuankiet
hodinhtuankietCOMMUNITY
Explore all skills by this author →
GitHub

performance-optimization

Profile web applications and optimize LCP, INP, CLS, and server response times.

Updated Aug 23, 2026
Search Tags:#performance#frontend#optimization#backend#profiling#web-vitals
One-click install
npx skills add https://github.com/hodinhtuankiet/screening-resume-recruitment --skill performance-optimization-hodinhtuankiet
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/hodinhtuankiet/screening-resume-recruitment/tree/main/.claude/skills/performance-optimization
Command: npx skills add https://github.com/hodinhtuankiet/screening-resume-recruitment --skill performance-optimization-hodinhtuankiet

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performance bottlenecks in web applications hamper user experience and increase costs; this skill provides a structured approach to detect, measure, and fix slow paths.

Core Features & Use Cases

  • Precise measurement and profiling to identify bottlenecks in frontend and backend.
  • Systematic optimization patterns (caching, lazy loading, code-splitting, efficient data access) guided by real data.
  • Use Case: reduce Time to Interactive and CLS by focusing on the top offenders.

Quick Start

Profile a running web app, identify the top bottleneck, implement the improvement, and re-measure to confirm the gain.

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 fix web application performance bottlenecks?▼

To identify and fix performance bottlenecks, measure real user data, profile the application to find top offenders, implement targeted optimizations, and re-measure to verify the gain.

What's the best way to improve Core Web Vitals like LCP, INP, and CLS?▼

Improving Core Web Vitals like LCP, INP, and CLS requires profiling real user data to identify top offenders, then applying targeted optimizations such as caching, lazy loading, and code-splitting.

How do I reduce Time to Interactive and server response times?▼

Reduce Time to Interactive and server response times by applying efficient data access patterns and caching, guided by precise measurement and profiling of real user data.

When should I measure performance before implementing frontend optimizations?▼

You should always measure performance before implementing frontend optimizations because the workflow enforces a measure-first approach to ensure changes target actual bottlenecks.

Does this performance optimization approach work for both frontend and backend?▼

Yes, this performance optimization approach works for both frontend and backend by profiling real user data and implementing systematic patterns like caching and lazy loading across the stack.

What are the limitations of optimizing web app performance without real user data?▼

Optimizing without real user data limits effectiveness because the structured workflow strictly recommends measuring before changes and verifying gains to ensure actual bottleneck resolution.

Related Skills

Explore More Software Engineering Skills→
courtneyr-devcourtneyr-dev
6

WordPress Performance

Optimize WordPress Core Web Vitals and server response times.

Community
Intermediate
idiaz01idiaz01
3

benchmark

Compare browser metrics, API latency, and build times against stored baselines.

Community
Intermediate
rattamnoonrattamnoon

optimize

Diagnose and fix UI performance issues in web applications.

Community
Advanced
IndustrialIndustrial

performance-profiling

Audit web performance with Lighthouse and browser DevTools.

Community
Intermediate