Optimizador de Performance

What problem does it solve?

This Skill addresses slow-loading and unresponsive Angular applications by implementing advanced performance optimization techniques.

Core Features & Use Cases

• Lazy Loading: Significantly reduces initial load times by deferring the loading of non-critical modules and components.
• Virtual Scrolling: Enables smooth rendering of large datasets in tables and lists, preventing UI freezes.
• Change Detection Optimization: Improves rendering performance by using OnPush and Signals.
• Bundle Size Reduction: Analyzes and optimizes the application's build size for faster downloads.
• Use Case: If your Angular dashboard with thousands of transactions is slow to load and interact with, this Skill can implement virtual scrolling and OnPush change detection to make it fluid and responsive.

Quick Start

Apply lazy loading to the 'products' route and implement OnPush change detection for the 'ProductsComponent'.