Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Práticas de Minificação e Concatenação

Olá,

Sei que não é o escopo do curso, mas gostaria de saber mais sobre a experiência de vcs sobre minificação e concatenação de arquivos em AngularJs.

Tenho trabalhado em um projeto legado bem grande em angular e vejo que o sistema faz muitos requests para incluir, controllers e libs de vendors em cada página. Além disso, temos alguns problemas com cache no navegador do cliente quando fazemos alterações.

É comum ou uma boa prática minificar "todos" os arquivos (app, service, controllers, vendors, etc) em apenas um arquivo para reduzir a quantidade de de requests e controlar melhor a versões de builds?

É convencional fazer concatenação de views (minificar e agrupar tds as views em um mesmo arquivo)?

1 resposta
solução!

Oi Ricardo, tudo bem? No geral, na web é uma boa prática sempre contatenar os scripts e estilos fron-end pra economizar requests...

Mas deve ver os prós e contras dessa prática. Pode ser que deixar em um único arquivo, dependendo do caso, não seja vantajoso. Trocar 4 requests de 200k por um de 800K pode não ser uma boa... entende?

Para questões de cache, você pode usar soluções que renomeiam os arquivos quando estes são alterados, existem plugins para gulp e grunt que ajudam bastante com esta tarefa.

Particularmente, não considero a ideia de contatenar as view uma boa, apesar de ser possível.

Para ajudar a resolver essas questões e muito mais... recomendo fazer os cursos de performace web e de gulp e grunt disponiveis aqui na Alura na carreira de Eng. Front-End: https://cursos.alura.com.br/career/engenheiro-front-end

Espero ter ajudado, bons estudos.