# Build і оптимізація (Angular)

> Продакшн-білди, AOT-компіляція, tree shaking, lazy loading, оптимізація бандла, source maps, budgets

- 20 питань зі співбесід
- Mid-Level
- [Питання зі співбесід: Angular](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy.md)

## 1. Що таке AOT-компіляція в Angular?

**Відповідь**

AOT-компіляція (Ahead-of-Time) перетворює код Angular і шаблони на оптимізований JavaScript під час фази збірки, перед розгортанням. Це зменшує розмір бандла, оскільки компілятор Angular не включений, покращує продуктивність завантаження і виявляє помилки шаблонів раніше. Починаючи з Angular 9, AOT увімкнено за замовчуванням для всіх збірок.

## 2. Яка головна перевага AOT над JIT-компіляцією?

**Відповідь**

AOT створює менші бандли, оскільки компілятор Angular (близько 1МБ) виключається з кінцевого бандла, на відміну від JIT, який вимагає компілятора в браузері. AOT також покращує час завантаження, усуваючи компіляцію на стороні клієнта, виявляє помилки шаблонів раніше та підвищує безпеку шляхом попередньої компіляції шаблонів.

## 3. Як увімкнути AOT-компіляцію в команді ng build?

**Відповідь**

Починаючи з Angular 9, AOT є компіляцією за замовчуванням для всіх середовищ. Для продакшн-збірки використання ng build --configuration production автоматично вмикає AOT. Прапорець --aot існує, але є надлишковим, оскільки AOT тепер завжди активний, якщо тільки в angular.json явно не налаштовано інше.

## Ще 17 доступних питань

- Яка конфігурація в angular.json вмикає оптимізації для продакшн-збірки?
- Що таке tree shaking в Angular?

Зареєструйся безкоштовно: https://sharpskill.dev/uk/login

## Інші теми співбесід Angular

- [Основи TypeScript](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/typescript-basics.md): 25 запитань, Junior
- [TypeScript просунутий](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/typescript-advanced.md): 20 запитань, Junior
- [Основи Angular](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/angular-fundamentals.md): 20 запитань, Junior
- [Компоненти та життєвий цикл](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/components-lifecycle.md): 20 запитань, Junior
- [Services & Dependency Injection](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/services-dependency-injection.md): 20 запитань, Junior
- [Організація модулів Angular](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/modules-organization.md): 22 запитань, Mid-Level
- [Angular CLI](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/angular-cli.md): 18 запитань, Junior
- [Директиви та Pipe](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/directives-pipes.md): 22 запитань, Mid-Level
- [Маршрутизація та навігація](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/routing-navigation.md): 24 запитань, Mid-Level
- [Реактивні форми](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/forms-reactive.md): 26 запитань, Mid-Level
- [Template-driven форми](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/forms-template-driven.md): 16 запитань, Mid-Level
- [Основи RxJS](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/rxjs-fundamentals.md): 22 запитань, Mid-Level
- [Оператори RxJS](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/rxjs-operators.md): 24 запитань, Mid-Level
- [HttpClient і виклики API](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/http-client.md): 22 запитань, Mid-Level
- [Базове керування станом](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/state-management-basics.md): 20 запитань, Mid-Level
- [Change Detection](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/change-detection.md): 20 запитань, Mid-Level
- [Angular Signals](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/angular-signals.md): 20 запитань, Mid-Level
- [Standalone Components](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/standalone-components.md): 18 запитань, Mid-Level
- [Модульні тести в Angular](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/testing-unit.md): 22 запитань, Mid-Level
- [End-to-End тестування](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/testing-e2e.md): 18 запитань, Mid-Level
- [Основи NgRx](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/ngrx-fundamentals.md): 24 запитань, Senior
- [Просунутий NgRx](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/ngrx-advanced.md): 24 запитань, Senior
- [Архітектура Angular](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/angular-architecture.md): 22 запитань, Senior
- [Оптимізація продуктивності](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/performance-optimization.md): 22 запитань, Senior
- [Безпека та найкращі практики](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/security-best-practices.md): 20 запитань, Senior
- [Просунуті патерни RxJS](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/advanced-rxjs-patterns.md): 22 запитань, Senior
- [Angular Universal та SSR](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/angular-universal-ssr.md): 20 запитань, Senior
- [Angular Micro-frontends](https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/micro-frontends-angular.md): 20 запитань, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/uk/technologies/angular/pytannia-spivbesidy/build-optimization