performance-optimization

Measure, profile, and optimize application performance with repeatable validation.

6.3k|548|Updated Jan 18, 2017
One-click install
npx skills add https://github.com/sanity-io/sanity --skill performance-optimization-sanity-io
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/sanity-io/sanity/tree/main/.agents/skills/performance-optimization
Command: npx skills add https://github.com/sanity-io/sanity --skill performance-optimization-sanity-io

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performance bottlenecks in software slow user experiences hamper adoption and efficiency; this guide helps teams measure, identify, and fix issues systematically.

Core Features & Use Cases

  • Structured workflow: measure baseline, identify bottlenecks, implement fixes, verify improvements, and guard against regressions.
  • Frontend & Backend coverage: applicable to web apps, APIs, and data processing pipelines to improve latency, throughput, and reliability.
  • Real-world example: start with a slow page, profile main thread tasks, reduce bundle size, optimize server response, and re-measure to confirm gains.

Quick Start

Run a baseline performance audit, then apply targeted optimizations and re-measure to confirm improvements.

Frequently Asked Questions about performance-optimization

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

FAQPage Schema
How do I fix frontend performance bottlenecks and improve Core Web Vitals?

Fix frontend performance bottlenecks by measuring a baseline, profiling main thread tasks, reducing bundle size, and re-measuring to confirm Core Web Vitals improvements. This structured workflow ensures targeted fixes rather than blind changes.

What is the best way to profile backend latency and throughput issues?

The best way to profile backend latency is to run a baseline performance audit on your APIs or data pipelines, identify bottlenecks, implement safe code changes, and validate with repeatable checks to ensure throughput gains.

How do I set up regression monitoring for application performance?

Set up performance regression monitoring by establishing repeatable checks that validate previous optimizations. After profiling and fixing bottlenecks, continuous measurement guards against future load time or latency regressions.

Can I optimize both frontend web apps and backend APIs using the same workflow?

Yes, you can optimize both frontend and backend systems using the same structured workflow. Measure baselines for web apps and data pipelines, identify specific bottlenecks, apply safe code changes, and verify improvements.

Why does performance optimization require measuring a baseline before making code changes?

Performance optimization requires a baseline measurement to accurately identify bottlenecks and validate improvements. Without profiling main thread tasks or server responses first, targeted fixes cannot be verified with repeatable checks.