AoT

Ahead of Time Compilation

Ao

...whaaa?

Ahead of Time Compilation

...make fast go now

Ahead of Time Compilation

...make fast go now

• compiling components and their HTML templates during a build process 

• convertING to executable JavaScript code before the browser renders them

Just in time compilation

JIT

Just in time compilation

• "just in time to run"

Just in time compilation

• "just in time to run"

• compile the app in the browser, at runtime, as the application loads

Ahead of Time Compilation

Just in time compilation

Ahead of Time Compilation

Just in time compilation

• faster loading: browser downloads precompiled version, executable code can be rendered immediately.  

Ahead of Time Compilation

Just in time compilation

• faster loading: browser downloads precompiled version, executable code can be rendered immediately.  

• smaller download: angular compiler not needed, ~half of angular download 

Ahead of Time Compilation

Just in time compilation

• faster loading: browser downloads precompiled version, executable code can be rendered immediately.  

• Fewer asynchronous requests : compiler inlines html & css, eliminates separate ajax requests

• smaller download: angular compiler not needed, ~half of angular download 

Ahead of Time Compilation

Just in time compilation

• faster loading: browser downloads precompiled version, executable code can be rendered immediately.  

• Fewer asynchronous requests : compiler inlines html & css, eliminates separate ajax requests

• smaller download: angular compiler not needed, ~half of angular download 

• Early error detection : detects binding errors during build, before users see

Ahead of Time Compilation

Just in time compilation

• faster loading: browser downloads precompiled version, executable code can be rendered immediately.  

• Fewer asynchronous requests : compiler inlines html & css, eliminates separate ajax requests

• smaller download: angular compiler not needed, ~half of angular download 

• Early error detection : detects binding errors during build, before users see

• Better security : compiled before served to clients, no client-side html || js evaluation, fewer injection attacks

ANGULAR

• code splitting...only load code required to render the view they requested

• universal rendering...server-side rendering

• Tree-shaking...shakes out unused code