Angular Web Framework Performance Optimization & Build Tools

Question 1

Which Angular feature delays loading a module until a user navigates to its associated route?

Accepted Answer

Lazy loading

Answer

Lazy loading uses the loadChildren property in routing config to split a module into a separate chunk downloaded on demand.

Question 2

What is the purpose of the Angular CLI command `ng build --configuration production`?

Accepted Answer

Compiles the app with optimizations like minification and tree-shaking

Answer

The production build enables AOT compilation, minification, dead code elimination, and differential loading for optimized output.

Question 3

Which Angular directive efficiently re-renders only changed items in a list by tracking identity?

Accepted Answer

*ngFor with trackBy

Answer

*ngFor with a trackBy function lets Angular identify which list items changed, avoiding full DOM re-creation on each update.

Question 4

What does Ahead-of-Time (AOT) compilation do in Angular?

Accepted Answer

Compiles templates and TypeScript during the build step

Answer

AOT compiles Angular HTML templates and TypeScript code into JavaScript during the build, producing faster startup and smaller bundles.

Question 5

Which Angular SSR strategy pre-renders pages at build time for immediate static HTML delivery?

Accepted Answer

Static site generation (prerendering)

Answer

Angular's prerender feature (ng-universal or Angular 17+ built-in) generates static HTML files at build time for instant first-paint.

Angular Web Framework Practice Test