Ottimizzazione delle performance
OnPush strategy, trackBy, virtual scrolling, lazy loading, preloading, bundle size, Core Web Vitals, profiling
1Cos'è la strategia OnPush in Angular?
Cos'è la strategia OnPush in Angular?
Risposta
OnPush è una strategia di change detection che limita i controlli ai casi in cui gli input del componente cambiano per riferimento o quando viene attivato un evento interno. Questa ottimizzazione riduce notevolmente il numero di cicli di rilevamento nelle applicazioni complesse. Applicare OnPush di default sui componenti di presentazione costituisce una buona pratica per migliorare le performance.
2Qual è il ruolo principale di trackBy in una direttiva ngFor?
Qual è il ruolo principale di trackBy in una direttiva ngFor?
Risposta
trackBy consente ad Angular di identificare in modo univoco ogni elemento di una lista, evitando così la ricreazione completa del DOM durante gli aggiornamenti. Senza trackBy, Angular distrugge e ricrea tutti gli elementi anche se solo uno è cambiato. Utilizzare trackBy con un identificatore univoco migliora significativamente le performance delle liste dinamiche.
3Cos'è il lazy loading nel contesto del routing Angular?
Cos'è il lazy loading nel contesto del routing Angular?
Risposta
Il lazy loading è una tecnica di caricamento differito dei moduli che scarica il codice solo quando la rotta corrispondente viene attivata. Ciò riduce la dimensione del bundle iniziale e velocizza la prima visualizzazione dell'applicazione. I moduli con lazy loading sono definiti con loadChildren nella configurazione delle rotte.
Quale metodo attivare per forzare una verifica con OnPush?
Qual è il vantaggio principale del virtual scrolling per liste grandi?
+19 domande da colloquio
Altri argomenti di colloquio Angular
Fondamenti di TypeScript
TypeScript Avanzato
Fondamenti di Angular
Componenti e ciclo di vita
Services & Dependency Injection
Organizzazione dei moduli Angular
Angular CLI
Direttive e Pipe
Routing e Navigazione
Form reattivi
Form template-driven
Fondamenti di RxJS
Operatori RxJS
HttpClient e chiamate API
Gestione dello stato di base
Change Detection
Angular Signals
Standalone Components
Test unitari in Angular
Testing End-to-End
Build e ottimizzazione
Fondamenti di NgRx
NgRx avanzato
Architettura Angular
Sicurezza e best practice
Pattern RxJS avanzati
Angular Universal e SSR
Micro-frontend Angular
Padroneggia Angular per il tuo prossimo colloquio
Accedi a tutte le domande, flashcards, test tecnici, esercizi di code review e simulatori di colloquio.
Inizia gratis