performance-profiler

Solid

Performance profiling and optimization for web apps — Core Web Vitals (LCP, INP, CLS), Lighthouse audits, bundle analysis, backend profiling (CPU, memory, DB queries), N+1 detection, caching strategies (Redis, CDN, HTTP), and performance budgets. Use when user asks to improve performance, run Lighthouse audit, profile a Node.js app, optimize Core Web Vitals, reduce bundle size, or investigate slow response times. Do NOT use for database schema optimization (use db-sculptor), Docker image optimization (use docker), or CDN configuration.

API & Backend 96 stars 12 forks Updated yesterday MIT

Install

View on GitHub

Quality Score: 91/100

Stars 20%
66
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Performance Profiler Find and fix performance issues from frontend to backend. Based on Google Core Web Vitals, Lighthouse, Chrome DevTools, and production patterns from WebPageTest and clinic.js. ## Sub-Commands | Command | Description | |---------|-------------| | `audit` | Run comprehensive performance audit (frontend + backend) | | `vitals` | Audit Core Web Vitals specifically (LCP, INP, CLS, TBT) | | `lcp` | Optimize Largest Contentful Paint | | `inp` | Fix Interaction to Next Paint (long tasks) | | `bundle` | Analyze bundle size and split strategy | | `backend` | Profile Node.js/Python backend performance | | `budget` | Set and verify performance budgets | ## Workflow ### Step 1: Run Lighthouse audit (exact command) ```bash npx lighthouse https://example.com --preset=desktop --output=html --output-path=./lighthouse-report.html npx lighthouse https://example.com --preset=desktop --output=json --output-path=./lighthouse.json ``` Target scores: | Metric | Target | Severity if missed | |--------|--------|-------------------| | Performance | > 90 | Critical | | LCP (Largest Contentful Paint) | < 2.5s | Critical | | INP (Interaction to Next Paint) | < 200ms | Critical | | CLS (Cumulative Layout Shift) | < 0.1 | Critical | | TBT (Total Blocking Time) | < 200ms | High | | FCP (First Contentful Paint) | < 1.8s | Medium | | Speed Index | < 3.4s | Medium | ### Step 2: Fix Core Web Vitals #### LCP optimization (exact fixes) ```html <!-- 1. Preload LCP image --> <link re...

Details

Author
EliasOulkadi
Repository
EliasOulkadi/shokunin
Created
1 months ago
Last Updated
yesterday
Language
HTML
License
MIT

Integrates with

Redis · Database ChromaDB · Database Docker · Infrastructure Contentful · CMS Model Context Protocol · AI

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

performance-and-web-vitals

Audit UI performance with Lighthouse and fix Core Web Vitals — LCP, CLS, INP. Fast UI is good UX. Use when optimising page load, fixing layout shift, reducing input delay, improving Lighthouse scores, or reviewing images, fonts, and render-blocking resources.

14 Updated today
dembrandt
Web & Frontend Solid

web-performance-audit

Web performance audits with Core Web Vitals, bottleneck identification, optimization recommendations. Use for page load times, performance reviews, UX optimization, or encountering LCP, FID, CLS issues, resource blocking, render delays.

168 Updated 4 weeks ago
secondsky
AI & Automation Listed

web-perf

Diagnose and fix web performance through a disciplined measure-first loop. Forces evidence-based optimization: measure → identify bottleneck → fix ONE thing → re-measure → repeat. Prevents guessing. Use when pages load slowly, user mentions performance, LCP, INP, CLS, lighthouse, bundle size, or "make it faster".

1 Updated 2 days ago
Adit-Jain-srm