Resumo do Webpack
Ivan Akulov
Resumindo:
- Recorte bytes desnecessários. Compacte tudo, remova códigos não utilizados e tenha cuidado ao adicionar dependências
- Divida o código por rotas. Carregue apenas o que for realmente necessário no momento e carregue lentamente outras coisas mais tarde
- Código do cache. Algumas partes do app são atualizadas com menos frequência do que outras. Separe essas partes em arquivos para que o download só seja feito novamente quando necessário
- Acompanhe o tamanho. Use ferramentas como webpack-dashboard e webpack-bundle-analyzer (link em inglês) para conferir o tamanho do app. Revise o desempenho do app a cada poucos meses.
O Webpack não é a única ferramenta que pode ajudar a tornar um app mais rápido. Torne seu aplicativo um Progressive Web App para ter uma experiência ainda melhor e use ferramentas automatizadas de criação de perfil, como o Lighthouse, para receber sugestões de melhoria.
Não se esqueça de ler os documentos do webpack, porque eles têm muitas outras informações úteis.
Teste também o app de treinamento.