Conclusão do Webpack

Resumo do Webpack

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.