skills.rest
TimeKast
TimeKastOFFICIAL
Explore all skills by this author →
WebsiteGitHub

performance-profiling

Guide evidence-based web performance profiling with Lighthouse and browser DevTools.

Updated May 19, 2026
Search Tags:#optimization#memory leak#lighthouse#bundle analysis#performance profiling#core web vitals#devtools performance
One-click install
npx skills add https://github.com/TimeKast/AgendaInteligente --skill performance-profiling-timekast
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance-profiling
Source: https://github.com/TimeKast/AgendaInteligente/tree/main/.agent/skills/performance-profiling
Command: npx skills add https://github.com/TimeKast/AgendaInteligente --skill performance-profiling-timekast

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It prevents wasted effort and risky changes by teaching you how to measure performance, locate the real bottleneck, and validate improvements using objective data.

Core Features & Use Cases

  • Core Web Vitals target setting: Understand LCP, INP, and CLS thresholds to judge user-visible performance.
  • 4-step profiling workflow: Run baseline measurement, identify bottlenecks, apply targeted fixes, and validate with repeat testing.
  • Bundle and runtime diagnostics: Analyze bundle size and runtime behavior to find issues like large dependencies, long tasks, rendering jank, and memory growth.
  • Decision-ready optimization priorities: Apply quick wins (compression, lazy loading, code splitting, caching, image optimization) based on impact.
  • Use case: Diagnose why a web page feels slow or janky by combining Lighthouse/bundle analysis with DevTools Performance and Memory findings, then fix the specific root cause rather than guessing.

Quick Start

Use the performance-profiling skill to measure current Core Web Vitals targets, run Lighthouse for load issues, and then use DevTools Performance and Memory tabs to confirm the bottleneck before applying optimizations.

Frequently Asked Questions about performance-profiling

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

FAQPage Schema
How do I diagnose slow web page loads and rendering jank using performance profiling?▼

Diagnose slow web page loads and rendering jank by running a baseline Lighthouse audit, identifying bottlenecks in browser DevTools Performance and Memory tabs, applying targeted fixes, and validating improvements through repeat testing.

What is the best way to investigate a memory leak in a web application?▼

The best way to investigate a memory leak is to capture runtime diagnostics using browser DevTools Memory tabs to confirm memory growth, locate the specific retained objects causing the leak, and apply targeted fixes rather than guessing.

How do I establish Core Web Vitals targets for LCP, INP, and CLS?▼

Establish Core Web Vitals targets by defining specific LCP, INP, and CLS threshold values to judge user-visible performance, creating a baseline measurement before identifying bottlenecks and applying targeted optimization fixes.

Can I use Lighthouse and bundle analysis to find large dependencies causing unresponsive interactions?▼

Yes, you can use Lighthouse for load issues and bundle analysis to find large dependencies, long tasks, and runtime behavior causing unresponsive interactions, then validate the optimization through repeat testing.

What quick wins should I prioritize when optimizing web application performance?▼

Prioritize quick wins like compression, lazy loading, code splitting, caching, and image optimization based on their impact, selecting targeted fixes after confirming the bottleneck through baseline measurement and runtime diagnostics.

Why does guessing performance bottlenecks without profiling lead to wasted effort?▼

Guessing performance bottlenecks without profiling leads to wasted effort and risky changes because evidence-based profiling, measurement, and objective data are required to locate the real bottleneck and validate improvements.

Related Skills

Explore More Software Engineering Skills→
SergeiGolosSergeiGolos
1

performance-profiling

Audit web performance with Lighthouse and analyze bundle sizes.

Community
Intermediate
rattamnoonrattamnoon

optimize

Diagnose and fix UI performance issues in web applications.

Community
Advanced
AgentientAgentient
2

browser-runtime-performance-profiling

Profile browser runtime performance with Chrome DevTools to diagnose rendering bottlenecks and long tasks.

Official
Intermediate
carayacaraya
1

typescript-performance

Profile TypeScript CPU, memory, and bundle performance using node --prof and tsc --diagnostics.

Community
Advanced