Optimización de rendimiento
OnPush strategy, trackBy, virtual scrolling, lazy loading, preloading, bundle size, Core Web Vitals, profiling
1¿Qué es la estrategia OnPush en Angular?
¿Qué es la estrategia OnPush en Angular?
Respuesta
OnPush es una estrategia de detección de cambios que limita las verificaciones a los casos en que los inputs del componente cambian por referencia o cuando se dispara un evento interno. Esta optimización reduce considerablemente la cantidad de ciclos de detección en aplicaciones complejas. Aplicar OnPush por defecto en los componentes de presentación constituye una buena práctica para mejorar el rendimiento.
2¿Cuál es el papel principal de trackBy en una directiva ngFor?
¿Cuál es el papel principal de trackBy en una directiva ngFor?
Respuesta
trackBy permite a Angular identificar de manera única cada elemento de una lista, evitando así la recreación completa del DOM durante las actualizaciones. Sin trackBy, Angular destruye y recrea todos los elementos incluso si solo uno ha cambiado. Usar trackBy con un identificador único mejora significativamente el rendimiento de las listas dinámicas.
3¿Qué es el lazy loading en el contexto del routing de Angular?
¿Qué es el lazy loading en el contexto del routing de Angular?
Respuesta
El lazy loading es una técnica de carga diferida de módulos que solo descarga el código cuando la ruta correspondiente se activa. Esto reduce el tamaño del bundle inicial y acelera la primera visualización de la aplicación. Los módulos cargados de forma diferida se definen con loadChildren en la configuración de rutas.
¿Qué método activar para forzar una verificación con OnPush?
¿Cuál es la principal ventaja del virtual scrolling para listas grandes?
+19 preguntas de entrevista
Otros temas de entrevista Angular
Conceptos básicos de TypeScript
TypeScript Avanzado
Fundamentos de Angular
Componentes y ciclo de vida
Services & Dependency Injection
Organización de Módulos Angular
Angular CLI
Directivas y Pipes
Routing y Navegación
Formularios reactivos
Formularios template-driven
Fundamentos de RxJS
Operadores RxJS
HttpClient y llamadas API
Gestión de estado básica
Change Detection
Angular Signals
Standalone Components
Pruebas unitarias en Angular
Testing End-to-End
Build y optimización
Fundamentos de NgRx
NgRx avanzado
Arquitectura Angular
Seguridad y buenas prácticas
Patrones avanzados de RxJS
Angular Universal y SSR
Micro-frontends Angular
Domina Angular para tu próxima entrevista
Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.
Empieza gratis