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

VS

Ahead of Time Compilation

Just in time compilation

VS

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

Ahead of Time Compilation

Just in time compilation

VS

  • 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

VS

  • 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

VS

  • 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

VS

  • 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

Made with Slides.com