O objetivo desta página é oferecer mais conselhos sobre como lidar com o problema de otimização de desempenho para sites de produção.

Parece que você tentou dividir os pedaços do pacote no site de produção do React usando React.lazy} andsuspense} no React; no entanto, isso não resultou na melhoria prevista em sua pontuação de desempenho na web.

Mas por que isso acontece?

Dado que algo extra era necessário para o seu site de produção.....

Recebi recentemente a tarefa de melhorar o desempenho do site de produção. Inicialmente pensei que deveríamos carregar cada rota com mais preguiça, mas logo percebi que isso já havia sido feito.

Eu também comecei a me perguntar o que poderia vir a seguir.

Instalei o plugin webpack bundle anlyzer e tentei analisar cada peça depois disso. Depois disso, tive muitas sugestões sobre como melhorar o desempenho.

Main.bundle.js
o tamanho do pacote principal era muito grande, o que está causando um aumento no tempo de download e no tempo de análise.

Como quebrar o main.bundle.js?
no meu caso, meu pacote principal tem muito json relacionado à tradução que estava aumentando 1,5 MB do tamanho do pacote principal.

Eu retirei a tradução usando a importação lenta do pacote main.js. Isso proporciona uma otimização de pontuação de desempenho de 40%. mas isso ainda não foi feito, pois alcançamos apenas a pontuação de desempenho do farol de 25 a 35.

então comecei a procurar outros arquivos grandes em potencial.

Um deles é o moment js, que possui vários locais que não estávamos usando em nosso site. Substituir o moment js por uma biblioteca leve é ​​uma maneira de corrigir isso, mas isso exigirá mais modificações de código e aumentará minha carga de trabalho testando o site inteiro – algo que eu não tinha feito antes – o que pode levar a mais erros. então tomei a decisão de descobrir como me livrar dessas regiões indesejáveis; felizmente, um plugin webpack já estava disponível. Consegui minimizar o tamanho do arquivo moment.js utilizando esse plugin [ContextReplacementPlugin].

Fique ligado, muitos mais estão por vir... Obrigado