angular-best-practices

Identify Angular performance best practices for change detection and bundle optimization.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/kizzz/eleon-client --skill angular-best-practices-kizzz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: angular-best-practices
Source: https://github.com/kizzz/eleon-client/tree/main/.agents/skills/angular-best-practices
Command: npx skills add https://github.com/kizzz/eleon-client --skill angular-best-practices-kizzz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This guide consolidates Angular performance best practices to optimize change detection, async operations, bundle size, and rendering efficiency.

Core Features & Use Cases

  • Prioritized rules by priority covering Change Detection, Async Operations, Bundle Optimization, Rendering Performance, SSR, Template, State Management, and Memory Management.
  • Practical patterns and examples for OnPush Change Detection, Signals, Zoneless apps, lazy loading, trackBy, and virtual scrolling.
  • Use cases include new components, performance reviews, refactoring, SSR optimization, and memory management.

Quick Start

Audit an Angular app and apply OnPush, Signals, and lazy loading to reduce change-detection cost.

Frequently Asked Questions about angular-best-practices

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

FAQPage Schema
How do I reduce Angular change detection overhead in an existing app?

Reduce Angular change detection overhead by applying OnPush change detection, adopting Signals, and enabling Zoneless mode to minimize unnecessary render cycles and optimize component performance.

What is the best way to optimize Angular bundle size for rapid rendering?

The best way to optimize Angular bundle size is implementing route lazy loading, which splits code into smaller chunks and defers loading non-critical modules to accelerate initial rendering.

Does this Angular performance guide cover Server-Side Rendering (SSR) contexts?

Yes, this Angular performance guide covers SSR contexts, providing prioritized rules for rendering efficiency and async operations to optimize both client-side and server-side rendering performance.

How do I use Signals and Zoneless mode to improve Angular performance?

Use Signals and Zoneless mode to improve Angular performance by replacing traditional event-bound change detection with fine-grained reactivity, drastically cutting change-detection cycles and rendering costs.

What template performance techniques should I use for Angular virtual scrolling?

For Angular virtual scrolling and template performance, implement trackBy functions to optimize *ngFor loops and reduce DOM manipulations, ensuring efficient rendering of large lists without performance degradation.