# Optimize Angular Application Performance

Angular performance issues can hide in change detection, data fetching, bundles, rendering, and hydration. This skill applies prioritized modern Angular patterns during implementation, review, and refactoring.

## Install

```bash
npx skillstore add sickn33/angular-best-practices
```

## Metadata

- Status: approved
- Slug: sickn33-angular-best-practices
- Skillstore revision: r2
- Version status: missing
- Tree hash: 1e692691f688c65fea8bc7c41af8420127c229da6f844cf614b0da9f7fd07f75
- Author: sickn33
- GitHub username: sickn33
- License: MIT
- Repository: https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/angular-best-practices
- Ref: ebdfe608f5de2b66ff37ab4af12af8ac4f5e8006
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: network, scripts, external\_commands
- Quality score: 77
- Quality tier: bronze
- Public page: https://skillstore.pages.dev/skills/sickn33-angular-best-practices
- Manifest: https://skillstore.pages.dev/api/skills/sickn33-angular-best-practices/manifest

## Capabilities

- Reviews components for OnPush change detection, signals, standalone architecture, and zoneless compatibility.
- Identifies sequential data fetching and recommends RxJS parallelization or dependency-aware flattening.
- Recommends lazy routes, dynamic imports, and deferred components to reduce initial bundles.
- Evaluates list rendering, template expressions, pure pipes, computed signals, and virtual scrolling.
- Guides SSR data transfer, incremental hydration, event replay, and deferred hydration.
- Finds manual subscription patterns and recommends lifecycle-aware cleanup or signal conversion.

## Use Cases

- Build Efficient Angular Features: Apply modern component, state, routing, and rendering patterns while implementing new features.
- Review Performance Regressions: Prioritize likely bottlenecks in change detection, data fetching, templates, bundles, and subscriptions.
- Improve SSR Delivery: Plan server data loading, TransferState, hydration, and deferred content for faster page delivery.

## Prompt Templates

### Review One Component

```
Review this Angular component for performance issues. Check change detection, signals, template work, list tracking, and subscription cleanup. Explain each recommendation simply.

Component: [paste component]
```

### Remove Request Waterfalls

```
Refactor the provided Angular feature to remove sequential requests. Use forkJoin for independent calls and switchMap for dependent calls. Preserve behavior and explain tradeoffs.

Feature: [paste code]
```

### Reduce Bundle and Rendering Cost

```
Audit this Angular route and component set for bundle size and rendering performance. Recommend lazy routes, dynamic imports, @defer triggers, and virtual scrolling where appropriate.

Files: [paste relevant files]
```

### Audit SSR and Hydration

```
Review this Angular SSR implementation. Evaluate hydration, TransferState, server data loading, browser-only APIs, and deferred content. Produce prioritized findings and validation steps.

Implementation: [paste files]
```

## Limitations

- Provides guidance and examples but does not execute audits, builds, or benchmarks automatically.
- Examples favor modern Angular APIs and may require adaptation for older versions.
- Recommendations require project-specific testing and production performance validation.
- Cannot assess dependencies, runtime data, or deployment settings unless they are provided.

## Best Practices

- Provide the Angular version, relevant files, architecture, and current performance evidence.
- Prioritize recommendations by measured user impact, implementation risk, and framework compatibility.
- Run tests, builds, accessibility checks, and performance measurements after each meaningful refactor.

## Anti Patterns

- Applying every recommendation without checking Angular version or project constraints.
- Using index-based list tracking when items have stable identifiers.
- Claiming performance gains without before-and-after measurements.

## Security Audit

- Audited at: 2026-07-23T19:16:54.547\+00:00
- Summary: All 77 static findings are false positives from documentation links, Angular examples, Markdown fences, and TypeScript template literals. The skill contains guidance, not executable automation. No prompt injection, credential handling, data exfiltration, or unsafe network target was found.

## Stats

- Views: 119
- Downloads: 8
- Favorites: 0
- Popularity score: 0