# Build e ottimizzazione (Angular)

> Build di produzione, compilazione AOT, tree shaking, lazy loading, ottimizzazione del bundle, source maps, budgets

- 20 domande da colloquio
- Mid-Level
- [Domande da colloquio: Angular](https://sharpskill.dev/it/technologies/angular/domande-colloquio.md)

## 1. Cos'è la compilazione AOT in Angular?

**Risposta**

La compilazione AOT (Ahead-of-Time) trasforma il codice Angular e i template in JavaScript ottimizzato durante la fase di build, prima del deployment. Questo riduce la dimensione del bundle poiché il compilatore Angular non è incluso, migliora le prestazioni di caricamento e rileva gli errori di template prima. Dall'Angular 9, AOT è abilitato per default per tutti i build.

## 2. Qual è il vantaggio principale di AOT rispetto alla compilazione JIT?

**Risposta**

AOT produce bundle più piccoli perché il compilatore Angular (circa 1MB) è escluso dal bundle finale, a differenza di JIT che richiede il compilatore nel browser. AOT migliora anche il tempo di caricamento eliminando la compilazione lato client, rileva gli errori di template prima e migliora la sicurezza pre-compilando i template.

## 3. Come abilitare la compilazione AOT in un comando ng build?

**Risposta**

Dall'Angular 9, AOT è la compilazione predefinita per tutti gli ambienti. Per un build di produzione, usare ng build --configuration production abilita automaticamente AOT. Il flag --aot esiste ma è ridondante poiché AOT è ora sempre attivo a meno che non sia configurato esplicitamente diversamente in angular.json.

## Altre 17 domande disponibili

- Quale configurazione in angular.json abilita le ottimizzazioni per un build di produzione?
- Cos'è il tree shaking in Angular?

Registrati gratis: https://sharpskill.dev/it/login

## Altri argomenti di colloquio Angular

- [Fondamenti di TypeScript](https://sharpskill.dev/it/technologies/angular/domande-colloquio/typescript-basics.md): 25 domande, Junior
- [TypeScript Avanzato](https://sharpskill.dev/it/technologies/angular/domande-colloquio/typescript-advanced.md): 20 domande, Junior
- [Fondamenti di Angular](https://sharpskill.dev/it/technologies/angular/domande-colloquio/angular-fundamentals.md): 20 domande, Junior
- [Componenti e ciclo di vita](https://sharpskill.dev/it/technologies/angular/domande-colloquio/components-lifecycle.md): 20 domande, Junior
- [Services & Dependency Injection](https://sharpskill.dev/it/technologies/angular/domande-colloquio/services-dependency-injection.md): 20 domande, Junior
- [Organizzazione dei moduli Angular](https://sharpskill.dev/it/technologies/angular/domande-colloquio/modules-organization.md): 22 domande, Mid-Level
- [Angular CLI](https://sharpskill.dev/it/technologies/angular/domande-colloquio/angular-cli.md): 18 domande, Junior
- [Direttive e Pipe](https://sharpskill.dev/it/technologies/angular/domande-colloquio/directives-pipes.md): 22 domande, Mid-Level
- [Routing e Navigazione](https://sharpskill.dev/it/technologies/angular/domande-colloquio/routing-navigation.md): 24 domande, Mid-Level
- [Form reattivi](https://sharpskill.dev/it/technologies/angular/domande-colloquio/forms-reactive.md): 26 domande, Mid-Level
- [Form template-driven](https://sharpskill.dev/it/technologies/angular/domande-colloquio/forms-template-driven.md): 16 domande, Mid-Level
- [Fondamenti di RxJS](https://sharpskill.dev/it/technologies/angular/domande-colloquio/rxjs-fundamentals.md): 22 domande, Mid-Level
- [Operatori RxJS](https://sharpskill.dev/it/technologies/angular/domande-colloquio/rxjs-operators.md): 24 domande, Mid-Level
- [HttpClient e chiamate API](https://sharpskill.dev/it/technologies/angular/domande-colloquio/http-client.md): 22 domande, Mid-Level
- [Gestione dello stato di base](https://sharpskill.dev/it/technologies/angular/domande-colloquio/state-management-basics.md): 20 domande, Mid-Level
- [Change Detection](https://sharpskill.dev/it/technologies/angular/domande-colloquio/change-detection.md): 20 domande, Mid-Level
- [Angular Signals](https://sharpskill.dev/it/technologies/angular/domande-colloquio/angular-signals.md): 20 domande, Mid-Level
- [Standalone Components](https://sharpskill.dev/it/technologies/angular/domande-colloquio/standalone-components.md): 18 domande, Mid-Level
- [Test unitari in Angular](https://sharpskill.dev/it/technologies/angular/domande-colloquio/testing-unit.md): 22 domande, Mid-Level
- [Testing End-to-End](https://sharpskill.dev/it/technologies/angular/domande-colloquio/testing-e2e.md): 18 domande, Mid-Level
- [Fondamenti di NgRx](https://sharpskill.dev/it/technologies/angular/domande-colloquio/ngrx-fundamentals.md): 24 domande, Senior
- [NgRx avanzato](https://sharpskill.dev/it/technologies/angular/domande-colloquio/ngrx-advanced.md): 24 domande, Senior
- [Architettura Angular](https://sharpskill.dev/it/technologies/angular/domande-colloquio/angular-architecture.md): 22 domande, Senior
- [Ottimizzazione delle performance](https://sharpskill.dev/it/technologies/angular/domande-colloquio/performance-optimization.md): 22 domande, Senior
- [Sicurezza e best practice](https://sharpskill.dev/it/technologies/angular/domande-colloquio/security-best-practices.md): 20 domande, Senior
- [Pattern RxJS avanzati](https://sharpskill.dev/it/technologies/angular/domande-colloquio/advanced-rxjs-patterns.md): 22 domande, Senior
- [Angular Universal e SSR](https://sharpskill.dev/it/technologies/angular/domande-colloquio/angular-universal-ssr.md): 20 domande, Senior
- [Micro-frontend Angular](https://sharpskill.dev/it/technologies/angular/domande-colloquio/micro-frontends-angular.md): 20 domande, Senior

---

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