Postagens

Mostrando postagens com o rótulo Angular

[Angular] Tirando proveito do Lazy Loading!

O Angular é mais uma ferramenta incrível para a criação de SPA, mas como todos nós sabemos uma conexão lenta pode deixar a experiência do usuário um tanto desagradável ao seu primeiro acesso, pois é nesse momento que ele vai baixar todo o bundle da aplicação (que às vezes fica bem pesadinho né). Para suprir isso temos uma técnica bem conhecida, que é deixar sua SPA “preguiçosa” que na real acelera e muito seu carregamento! Lazy Loading basicamente é separar os módulos da sua aplicação de maneira que eles são carregados apenas quando são chamados (resolvendo aquele problema inicial, pois o carregamento da página será apenas de um módulo e não a aplicação inteira). Fazer Lazy Loading em uma aplicação Angular é extremamente simples, basta fazer uma importação dinâmica do seu módulo no seu arquivo de roteamento através do atributo “loadChildren”. RouterModule.forRoot([ { path: 'clients', loadChildren: () => import('./clients/client.module...