Resumo do Webpack
Ivan Akulov
Resumindo:
- Cortar bytes desnecessários. Compacte tudo, remova o código não utilizado e seja sábio ao adicionar dependências.
- Dividir o código por rotas. Carregar apenas o que for realmente necessário agora e carregar outras coisas mais tarde
- Armazene o código em cache. Algumas partes do app são atualizadas com menos frequência do que outras. Separe essas partes em arquivos para que elas sejam retransferidas apenas quando necessário.
- Acompanhe o tamanho. Use ferramentas como webpack-dashboard e webpack-bundle-analyzer para saber o tamanho do seu app. Analise a performance do app como um todo a cada poucos meses.
O Webpack não é a única ferramenta que pode ajudar a acelerar um app. Considere transformar seu aplicativo em um Progressive Web App para ter uma experiência ainda melhor e use ferramentas de criação de perfil automatizadas, como o Lighthouse, para receber sugestões de melhoria.
Não se esqueça de ler as documentações do webpack, que têm muitas outras informações úteis.
E não deixe de jogar com o app de treinamento.