Agent skill
performance
Angular performance optimization, change detection strategies, and bundle optimization
Install this agent skill to your Project
npx add-skill https://github.com/pluginagentmarketplace/custom-plugin-angular/tree/main/skills/performance
SKILL.md
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
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
pluginagentmarketplace/custom-plugin-angular
angular-core-implementation
Generate Angular components, services, modules, and directives. Implement dependency injection, lifecycle hooks, data binding, and build production-ready Angular architectures.
pluginagentmarketplace/custom-plugin-angular
testing-deployment-implementation
Write unit tests for components and services, implement E2E tests with Cypress, set up test mocks, optimize production builds, configure CI/CD pipelines, and deploy to production platforms.
pluginagentmarketplace/custom-plugin-angular
state-implementation
Implement NgRx store with actions and reducers, build selectors, create effects for async operations, configure entity adapters, and integrate HTTP APIs with state management.
pluginagentmarketplace/custom-plugin-angular
routing-performance-implementation
Configure routing with lazy loading, implement route guards, set up preloading strategies, optimize change detection, analyze bundles, and implement performance optimizations.
pluginagentmarketplace/custom-plugin-angular
modern-angular
pluginagentmarketplace/custom-plugin-angular
http-client
Angular HttpClient for API communication, interceptors, and error handling
Didn't find tool you were looking for?