performance-profiler

Measure Core Web Vitals and Lighthouse signals to identify and resolve web performance bottlenecks.

110|14|Updated May 12, 2026
One-click install
npx skills add https://github.com/EliasOulkadi/shokunin --skill performance-profiler-eliasoulkadi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-profiler
Source: https://github.com/EliasOulkadi/shokunin/tree/main/.pack/skills/performance-profiler
Command: npx skills add https://github.com/EliasOulkadi/shokunin --skill performance-profiler-eliasoulkadi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps you identify and eliminate the specific causes of slow pages and poor user experience by measuring real performance signals (Core Web Vitals and Lighthouse) and then applying focused fixes across frontend and backend.

Core Features & Use Cases

  • Lighthouse + Core Web Vitals audits: Run Lighthouse and inspect LCP, INP, CLS, TBT, FCP, and related diagnostics to pinpoint what is holding performance back.
  • Frontend optimization playbooks: Apply targeted strategies for LCP, INP long tasks, CLS stability, and bundle-size reduction with performance budgets.
  • Backend profiling and bottleneck detection: Profile Node.js/Python CPU, memory, heap, and typical production symptoms like N+1 queries, GC pressure, and connection pool issues.
  • Caching strategy guidance: Choose appropriate caching layers (CDN/HTTP, Redis, app-memory/LRU) with safe TTL ranges to reduce response time.

Quick Start

Use the performance-profiler skill to run a Lighthouse audit for your URL, review the Core Web Vitals results, and then generate a prioritized fix plan for LCP, INP, CLS, and bundle size.

Frequently Asked Questions about performance-profiler

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

FAQPage Schema
How do I fix poor Core Web Vitals like LCP, INP, and CLS on my web app?

To fix poor Core Web Vitals, you run a Lighthouse audit to inspect LCP, INP, and CLS diagnostics, then apply targeted frontend optimizations like bundle-size reduction and backend profiling to eliminate the identified bottlenecks.

What is the best way to profile Node.js backend bottlenecks like N+1 queries and GC pressure?

The best way to profile Node.js backend bottlenecks is to run CPU, memory, and heap profiling to detect N+1 queries, garbage collection pressure, and connection pool issues, resolving slow response times during web performance investigations.

How do I set up web performance budgets to prevent large JavaScript bundles?

You set up web performance budgets by enforcing CI performance budget constraints that trigger on large bundle sizes, applying targeted bundle analysis to reduce frontend payload and improve overall web application load times.

When should I use Redis versus a CDN for my web application caching strategy?

You choose between CDN, Redis, or app-memory LRU caching layers by evaluating your response time reduction goals, applying safe TTL ranges to effectively cache data and eliminate backend bottlenecks during performance profiling.

Does Lighthouse profiling work for identifying slow response times in production web apps?

Lighthouse profiling works for identifying slow response times by measuring real performance signals and Core Web Vitals, providing deterministic auditing workflows that pinpoint frontend rendering delays and backend CPU bottlenecks.