skills.rest
Saturate
SaturateCOMMUNITY
Explore all skills by this author →
Website𝕏@allankjensenGitHub

performance-profiling

Profile frontend and backend performance using a measure-identify-fix-measure cycle.

Updated Mar 31, 2026
Search Tags:#performance#frontend#optimization#backend#profiling#lighthouse#core-web-vitals
One-click install
npx skills add https://github.com/Saturate/agents --skill performance-profiling-saturate
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance-profiling
Source: https://github.com/Saturate/agents/tree/main/skills/performance-profiling
Command: npx skills add https://github.com/Saturate/agents --skill performance-profiling-saturate

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Guides a structured approach to performance investigation, enabling teams to measure, identify bottlenecks, and validate improvements for both frontend and backend systems.

Core Features & Use Cases

  • Frontend profiling with chrome-devtools, Lighthouse audits, and Core Web Vitals targets to reduce load times and improve interactivity.
  • Backend profiling including database query analysis, caching strategies, and request tracing to lower latency and improve throughput.
  • Use Case: When a page feels sluggish, run a measure-identify-fix-measure cycle to locate the bottleneck and verify improvements with re-measurements.

Quick Start

Start a measure-identify-fix-measure cycle on the target frontend or backend to begin profiling and optimization.

Frequently Asked Questions about performance-profiling

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

FAQPage Schema
How do I find and fix frontend performance bottlenecks using Lighthouse and Core Web Vitals?▼

Backend performance profiling analyzes database queries, caching strategies, and request tracing to lower latency and improve throughput. It applies a structured measure-identify-fix-measure cycle to data-intensive operations and APIs to validate improvements with re-measurements.

What is the best way to prevent application performance regressions after optimization?▼

The best way to prevent performance regressions is to establish guardrails after validating fixes through re-measurement. This structured profiling approach ensures that any improvements made to frontend or backend latency are maintained over time.

Can I use this performance profiling approach for both web pages and APIs?▼

Yes, you can use this performance profiling approach across web apps and services for both frontend pages and APIs. It applies to frontend interactivity, backend data-intensive operations, and database profiling to locate bottlenecks end-to-end.

Why does my web page feel sluggish and how do I measure the actual bottleneck?▼

If a web page feels sluggish, measuring the bottleneck requires establishing a baseline first. Use Chrome DevTools, Lighthouse audits, and Core Web Vitals to locate the specific frontend or backend performance issue before applying fixes.

Related Skills

Explore More Software Engineering Skills→
dreamingechoesdreamingechoes
2

performance-optimization

Measure, profile, and fix performance bottlenecks in web apps, APIs, and database queries.

Community
Advanced
patricio0312revpatricio0312rev
5

performance-budget-setter

Define and enforce performance budgets for bundle size, API latency, and render times.

Community
Advanced
cloudflarecloudflare
2.6k

web-perf

Audit web performance and diagnose Core Web Vitals issues using Chrome DevTools MCP.

Official
Advanced
dhruvinrsonidhruvinrsoni

db-tuning

Identify slow queries, analyze execution plans, and recommend index optimizations.

Community
Advanced