# Performans Optimizasyonu (Angular)

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

- 22 mülakat soruları
- Senior
- [Mülakat Soruları: Angular](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari.md)

## 1. Angular'da OnPush stratejisi nedir?

**Cevap**

OnPush, kontrolleri bileşen input'larının referansla değiştiği veya dahili bir olayın tetiklendiği durumlarla sınırlayan bir change detection stratejisidir. Bu optimizasyon, karmaşık uygulamalarda algılama döngülerinin sayısını önemli ölçüde azaltır. Sunum bileşenlerine varsayılan olarak OnPush uygulamak, performansı artırmak için iyi bir uygulamadır.

## 2. Bir ngFor direktifinde trackBy'ın ana rolü nedir?

**Cevap**

trackBy, Angular'ın bir listedeki her öğeyi benzersiz şekilde tanımlamasına olanak tanır ve böylece güncellemeler sırasında DOM'un tamamen yeniden oluşturulmasını önler. trackBy olmadan, yalnızca bir öğe değişse bile Angular tüm öğeleri yok edip yeniden oluşturur. Benzersiz bir tanımlayıcı ile trackBy kullanmak, dinamik listelerin performansını önemli ölçüde artırır.

## 3. Angular routing bağlamında lazy loading nedir?

**Cevap**

Lazy loading, yalnızca ilgili rota etkinleştirildiğinde kod indiren bir ertelenmiş modül yükleme tekniğidir. Bu, başlangıç bundle boyutunu azaltır ve uygulamanın ilk gösterimini hızlandırır. Lazy yüklenen modüller, rota yapılandırmasında loadChildren ile tanımlanır.

## 19 soru daha mevcut

- OnPush ile kontrolü zorlamak için hangi yöntem tetiklenmelidir?
- Büyük listeler için virtual scrolling'in temel avantajı nedir?

Ücretsiz kaydol: https://sharpskill.dev/tr/login

## Diğer Angular mülakat konuları

- [TypeScript Temelleri](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/typescript-basics.md): 25 soru, Junior
- [TypeScript İleri Seviye](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/typescript-advanced.md): 20 soru, Junior
- [Angular Temelleri](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/angular-fundamentals.md): 20 soru, Junior
- [Bileşenler ve yaşam döngüsü](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/components-lifecycle.md): 20 soru, Junior
- [Services & Dependency Injection](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/services-dependency-injection.md): 20 soru, Junior
- [Angular Modül Organizasyonu](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/modules-organization.md): 22 soru, Mid-Level
- [Angular CLI](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/angular-cli.md): 18 soru, Junior
- [Direktifler ve Pipe'lar](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/directives-pipes.md): 22 soru, Mid-Level
- [Routing ve Navigasyon](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/routing-navigation.md): 24 soru, Mid-Level
- [Reactive Forms](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/forms-reactive.md): 26 soru, Mid-Level
- [Template-driven Forms](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/forms-template-driven.md): 16 soru, Mid-Level
- [RxJS Temelleri](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/rxjs-fundamentals.md): 22 soru, Mid-Level
- [RxJS Operatörleri](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/rxjs-operators.md): 24 soru, Mid-Level
- [HttpClient ve API çağrıları](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/http-client.md): 22 soru, Mid-Level
- [Temel State Yönetimi](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/state-management-basics.md): 20 soru, Mid-Level
- [Change Detection](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/change-detection.md): 20 soru, Mid-Level
- [Angular Signals](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/angular-signals.md): 20 soru, Mid-Level
- [Standalone Components](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/standalone-components.md): 18 soru, Mid-Level
- [Angular Birim Testleri](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/testing-unit.md): 22 soru, Mid-Level
- [Uçtan Uca Test](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/testing-e2e.md): 18 soru, Mid-Level
- [Build ve optimizasyon](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/build-optimization.md): 20 soru, Mid-Level
- [NgRx Temelleri](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/ngrx-fundamentals.md): 24 soru, Senior
- [İleri Düzey NgRx](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/ngrx-advanced.md): 24 soru, Senior
- [Angular Mimarisi](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/angular-architecture.md): 22 soru, Senior
- [Güvenlik ve En İyi Uygulamalar](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/security-best-practices.md): 20 soru, Senior
- [Gelişmiş RxJS Desenleri](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/advanced-rxjs-patterns.md): 22 soru, Senior
- [Angular Universal ve SSR](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/angular-universal-ssr.md): 20 soru, Senior
- [Angular Mikro-frontend'ler](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/micro-frontends-angular.md): 20 soru, Senior

---

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