performance▌

iOS app performance problems fall into distinct categories, each with a specific diagnosis tool. This skill helps you choose the right tool, use it effectively, and interpret results correctly under pressure.

Layer 2: Design Choices

NEVER trigger reflows/repaints in lifecycle hooks (ngOnInit, ngAfterViewInit).

Use this skill when:

Use when:

You MUST use this skill for ANY performance issue including memory leaks, slow execution, battery drain, or profiling.

Web performance audits measure load times, identify bottlenecks, and guide optimization efforts to create faster, better user experiences.

Measure, analyze, optimize - in that order.

Make your Capacitor apps fast and responsive.

Lighthouse-based performance optimization with budgets, critical rendering path guidance, and Core Web Vitals alignment. \n \n Defines resource budgets (1.5 MB total, <300 KB JS, <100 KB CSS) and provides server response optimization (TTFB <800ms, HTTP/2, edge caching) \n Covers resource loading strategies: preconnect/preload directives, deferred CSS, script deferral patterns, and code splitting techniques \n Includes image optimization (AVIF/WebP selection, responsive markup, LCP