# Prestatie-optimalisatie (Angular)

> OnPush strategy, trackBy, virtual scrolling, lazy loading, preloading, bundle size, Core Web Vitals, profiling

- 22 gespreksvragen
- Senior
- [Gespreksvragen: Angular](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen.md)

## 1. Wat is de OnPush-strategie in Angular?

**Antwoord**

OnPush is een change-detectionstrategie die controles beperkt tot gevallen waarin de inputs van de component op referentie veranderen of wanneer een intern event wordt geactiveerd. Deze optimalisatie vermindert het aantal detectiecycli in complexe applicaties aanzienlijk. OnPush standaard toepassen op presentatiecomponenten is een best practice om de prestaties te verbeteren.

## 2. Wat is de hoofdrol van trackBy in een ngFor-directive?

**Antwoord**

trackBy stelt Angular in staat om elk item in een lijst uniek te identificeren, waardoor volledige DOM-recreatie tijdens updates wordt vermeden. Zonder trackBy vernietigt en hercreëert Angular alle elementen, zelfs als er maar één item is gewijzigd. trackBy gebruiken met een unieke identificator verbetert de prestaties van dynamische lijsten aanzienlijk.

## 3. Wat is lazy loading in de context van Angular-routing?

**Antwoord**

Lazy loading is een techniek voor uitgesteld laden van modules die alleen code downloadt wanneer de bijbehorende route wordt geactiveerd. Dit vermindert de initiële bundlegrootte en versnelt de eerste weergave van de applicatie. Lazy geladen modules worden gedefinieerd met loadChildren in de routeconfiguratie.

## Nog 19 vragen beschikbaar

- Welke methode activeren om een controle met OnPush af te dwingen?
- Wat is het belangrijkste voordeel van virtual scrolling voor grote lijsten?

Meld je gratis aan: https://sharpskill.dev/nl/login

## Andere Angular-sollicitatieonderwerpen

- [TypeScript-basis](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/typescript-basics.md): 25 vragen, Junior
- [TypeScript Gevorderd](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/typescript-advanced.md): 20 vragen, Junior
- [Angular-grondbeginselen](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/angular-fundamentals.md): 20 vragen, Junior
- [Componenten en levenscyclus](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/components-lifecycle.md): 20 vragen, Junior
- [Services & Dependency Injection](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/services-dependency-injection.md): 20 vragen, Junior
- [Angular-module-organisatie](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/modules-organization.md): 22 vragen, Mid-Level
- [Angular CLI](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/angular-cli.md): 18 vragen, Junior
- [Directives en Pipes](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/directives-pipes.md): 22 vragen, Mid-Level
- [Routing en Navigatie](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/routing-navigation.md): 24 vragen, Mid-Level
- [Reactive Forms](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/forms-reactive.md): 26 vragen, Mid-Level
- [Template-driven Forms](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/forms-template-driven.md): 16 vragen, Mid-Level
- [RxJS-Basis](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/rxjs-fundamentals.md): 22 vragen, Mid-Level
- [RxJS-Operators](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/rxjs-operators.md): 24 vragen, Mid-Level
- [HttpClient en API-aanroepen](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/http-client.md): 22 vragen, Mid-Level
- [Basis state management](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/state-management-basics.md): 20 vragen, Mid-Level
- [Change Detection](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/change-detection.md): 20 vragen, Mid-Level
- [Angular Signals](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/angular-signals.md): 20 vragen, Mid-Level
- [Standalone Components](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/standalone-components.md): 18 vragen, Mid-Level
- [Angular unit testing](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/testing-unit.md): 22 vragen, Mid-Level
- [End-to-End Testing](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/testing-e2e.md): 18 vragen, Mid-Level
- [Build en optimalisatie](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/build-optimization.md): 20 vragen, Mid-Level
- [NgRx-fundamenten](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/ngrx-fundamentals.md): 24 vragen, Senior
- [NgRx gevorderd](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/ngrx-advanced.md): 24 vragen, Senior
- [Angular-architectuur](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/angular-architecture.md): 22 vragen, Senior
- [Beveiliging en best practices](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/security-best-practices.md): 20 vragen, Senior
- [Geavanceerde RxJS-patronen](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/advanced-rxjs-patterns.md): 22 vragen, Senior
- [Angular Universal en SSR](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/angular-universal-ssr.md): 20 vragen, Senior
- [Angular Micro-frontends](https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/micro-frontends-angular.md): 20 vragen, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/nl/technologies/angular/sollicitatievragen/performance-optimization