Estamos usando create-react-app (con react-app-rewired ) en un monolito muy grande. Hemos realizado algunas mejoras en el tiempo de compilación (lo redujimos a aproximadamente 20 s), pero una vez que se completa la compilación (después de un yarn start ), la aplicación tarda unos buenos 2 minutos en cargarse en el navegador.

En app.jsx , intenté eliminar todo el código raíz y solo representé una etiqueta p típica de "Hello World" y no tomó tanto tiempo. También ejecuté un servidor web básico frente a la carpeta de compilación usando el servicio , lo que sugiere que podría ser webpack-dev-server que tenga problemas con el tamaño de la aplicación (¿O podría estar diciendo que está construido antes de que realmente lo esté?).

En la pestaña de red de herramientas de desarrollo de Chrome, los activos que bloquean la carga de la página son los archivos de la carpeta static / js .

Aquí hay una idea general del resultado de webpack-bundle-analyzer

¿Alguien tiene alguna idea de dónde podría originarse este problema y cómo mejorar el tiempo de carga posterior a la compilación?