performance

Angular performance optimization, change detection strategies, and bundle optimization

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "performance" with this command: npx skills add pluginagentmarketplace/custom-plugin-angular/pluginagentmarketplace-custom-plugin-angular-performance

Angular Performance Skill

Overview

Optimize Angular applications for maximum performance through change detection strategies, lazy loading, and bundle optimization techniques.

Topics Covered

Change Detection

  • OnPush change detection strategy
  • ChangeDetectorRef usage
  • Zone.js optimization
  • Zoneless Angular applications
  • Immutable data patterns

Bundle Optimization

  • Tree shaking effectiveness
  • Code splitting strategies
  • Lazy loading modules
  • Preloading strategies
  • Bundle analyzer usage

Runtime Performance

  • TrackBy for ngFor
  • Virtual scrolling
  • Debouncing and throttling
  • Memory leak prevention
  • Web Workers usage

Build Optimization

  • Production builds
  • AOT compilation benefits
  • Differential loading
  • Source map strategies
  • Compression techniques

Prerequisites

  • Angular Core fundamentals
  • Module architecture
  • Browser DevTools familiarity

Learning Outcomes

  • Implement OnPush change detection
  • Optimize bundle sizes
  • Profile and fix performance issues
  • Build highly performant applications

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Open in GitHubOpen in ClawHub

Related Skills

Related by shared tags or category signals.

Automation

angular-material

No summary provided by upstream source.

Repository SourceNeeds Review
-99
pluginagentmarketplace
Automation

rxjs-implementation

No summary provided by upstream source.

Repository SourceNeeds Review
-25
pluginagentmarketplace