1.9 KiB
1.9 KiB
Diagnose Runtime Issues
Quickly diagnose runtime performance issues in web applications including freezes, hangs, memory leaks, and slow performance.
What to analyze
Please specify what you need to diagnose:
- Provide the URL: The web application URL to analyze
- Describe symptoms (optional):
- App freezes or becomes unresponsive
- High memory usage or memory leaks
- Slow performance or laggy interactions
- Browser tab crashes
- Specific user actions that trigger issues
- Authentication (if needed): Provide auth token or credentials
Analysis approach
I'll use the web-performance-agent to:
-
Quick Diagnosis: Rapid scan for common issues
- Memory leaks
- Main thread blocking
- Network bottlenecks
- JavaScript errors
-
Framework Detection: Identify and apply framework-specific debugging
- Angular: Zone.js and change detection issues
- React: Re-render and state management problems
- Vue: Reactive system and watcher issues
-
Deep Analysis (if needed):
- CPU profiling to find hot functions
- Heap snapshots for memory analysis
- Network request monitoring
- Long task detection
-
Provide Solutions:
- Immediate fixes to try
- Code examples for optimization
- Architecture recommendations
- Best practices to follow
Example usage
/diagnose-runtime https://example.com/app
Or with more details:
/diagnose-runtime https://example.com/app "The app freezes after clicking the submit button"
Or with authentication:
/diagnose-runtime https://example.com/app "token: abc123xyz"
What I'll provide
- Root cause analysis of the performance issue
- Evidence with metrics and measurements
- Immediate actions to resolve the problem
- Long-term solutions for prevention
- Specific code fixes when applicable
Let's diagnose your runtime performance issues!