AoT Angular 4

Gerando uma build com AoT em um projeto Angular 4.

Angular 4 AoT

Desde de a versão 1 do Angular ele trabalha com um compilador inteligente conhecido como JIT(Just in Time), ele compila o nosso código em tempo de execução. Até a versão 2 esse era o compilador que nós estávamos utilizado nas nossas builds, em um dos updates da versão 4, os desenvolvedores do core do Angular pensaram em uma nova forma de melhorar esse processo, ao invés dele ser compilado pelos nossos navegadores em tempo de real, porque não fazer esse processo no momento da build? Pensando nisso eles desenvolveram uma nova versão chamada AoT.

Com o AoT (Ahead-of-Time) os nossos navegadores carregam os executáveis do nosso código e imediatamente renderizam a nossa aplicação, sem precisar esperar a compilação do nosso App First. Com ele nós conseguimos diminuir o número de requisições assíncronas, ter um código menor e outros benefícios como um código mais seguro.

Vamos agora abrir o código que nós utilizamos em um artigo anterior, para que possamos testar essas duas formas de compilação. Caso você não tenha esse código, segue o seu link do GitHub.

Com o projeto aberto no Visual Studio Code, abra o ser terminal e execute o comando a baixo para que possamos simular a nossa build de com o JIT.

ng serve --prod

Agora abra uma nova aba no seu Visual Studio Code e execute o comando a baixo para que possamos simular uma nova build com o AoT:

ng serve --prod --aot --p 4126

Notem que para utilizarmos o AoT basta inserirmos ele depois da tag prod. Podemos ver nas imagens a baixo o resultado dos nossos testes:

Exemplo com o JIT

Utilizando o JIT

Exemplo com o AoT

Para finalizar esse artigo, segue uma imagem com o gráfico demonstrando o desempenho que nos conseguimos atingir com o AoT.

Compartilhe:

Share on facebook
Facebook
Share on twitter
Twitter
Share on pinterest
Pinterest
Share on linkedin
LinkedIn

Table of Contents

Postagens Relacionadas

Maze Runner – Correr ou Morrer

Maze Runner – Correr ou Morrer O filme mostra o jovem Thomas (Dylan O’Brien), que vai parar em um lugar desconhecido, sem memória que o
TheWildsVidasSelvagens

the wilds: vidas selvagens

The Wilds: Vidas Selvagens The Wilds: Vidas Selvagens é uma série dramática de TV americana criada por Sarah Streicher que foi lançada no Prime Video
RockBottomRiser

Rock Bottom Riser

Rock Bottom Riser 01/03/2021(US) – Documentário – 1h 10min –   Nota: 0/10   Sinopse     Elenco Nainoa Thompson Como – master navigator Moses
SaferatHome

Safer at Home

Safer at Home 26/02/2021(US) – Filmes – 0h 0min –   Nota: 0/10   Sinopse     Elenco Mais informações Título Original Safer at Home