Otimizar bundle Angular (budget, CSS, ngsw-config dataGroups)

ACT-5.3.9

2a Pass. MedioMediaEsforco: MComplexidade: MediaParalelizavel

Por que e urgente

PWA mobile com bundle excessivo degrada experiencia em conexao 4G variavel

Risco de nao fazer

PWA mobile com bundle >2.5MB degrada experiencia em conexao 4G variavel

angular/angular.jsonangular/ngsw-config.json

1Medir o bundle atual com `ng build --configuration=production --stats-json` + `npx webpack-bundle-analyzer`
2Identificar os maiores contribuidores (Font Awesome, Lepton-X temas, Ionic CSS)
3Implementar lazy loading para os 4 temas do Lepton-X (carregar apenas o tema ativo)
4Considerar usar `@ng-icons` em vez de Font Awesome para reduzir tamanho
5Adicionar `dataGroups` no `ngsw-config.json` para cachear respostas de `/api/app/rotas` e `/api/app/ofertas` com estrategia `freshness`