Performance optimization guide for Capacitor apps covering bundle size, rendering, memory, native bridge, and profiling. Use this skill when users need to optimize their app performance.

Performance Optimization for Capacitor Make your Capacitor apps fast and responsive. When to Use This Skill User has slow app User wants to optimize User has memory issues User needs profiling User has janky animations Quick Wins 1. Lazy Load Plugins 2. Reduce Bundle Size 3. Optimize Images 4. Minimize Bridge Calls Rendering Performance Use CSS Transforms Virtual Scrolling Debounce Events Memory Management Cleanup Listeners Avoid Memory Leaks Profiling Chrome DevTools 1. Connect via chrome://inspect 2. Performance tab Record 3. Analyze flame chart Xcode Instruments 1. Product Profile 2. Choose Time Profiler 3. Analyze hot paths Android Profiler 1. View Tool Windows Profiler 2. Select CPU/Memory/Network 3. Record and analyze Metrics to Track Metric Target First Paint < 1s Time to Interactive < 3s Frame Rate 60fps Memory Stable, no growth Bundle Size < 500KB gzipped Resources Chrome DevTools: https://developer.chrome.com/docs/devtools Xcode Instruments: https://developer.apple.com/instruments

capacitor-performance