Tengo un sitio que está basado en WordPress con una integración de Angular (versión 13). FYI, para poder usar Angular en archivos php (específicos de WordPress) tuve que crear elementos personalizados para cada componente de mi aplicación Angular.

El sitio no obtiene una muy buena puntuación en PageSpeed ​​Insights en móvil (26) mientras que en Desktop la puntuación es de 89. Según los resultados, la principal causa de esta mala puntuación serían los archivos producidos por Angular (css y js ). Estos archivos producidos por Angular son el resultado de un conjunto de tareas realizadas durante la compilación. Aquí está la lista de archivos:

• angular.js, que es una concatenación de los archivos runtime.js, polyfills.js, scripts.js y main.js producidos por el comando ng build. Estos archivos se concatenan mediante un script js que utiliza el paquete "concat".
• vendor.js, que es una concatenación de archivos js de bibliotecas de terceros (jquery.min.js, jquery-match-height.js, jquery.columnizer.js, jquery.scrollTo.min.js, select2.min.js, stellarnav.min.js) y otros archivos js escritos a mano. También concatenado con un script js que usa el paquete "concat"
• styles.css, que es una concatenación y minificación del archivo css producido por ng build y otros archivos css. Usando el paquete "concat" y "csso" en el script js

Aquí está el tamaño de los archivos:

 angular.js --> 2.3MB vendor.js --> 83.4 kB styles.css --> 157 kB

Entonces, ¿cómo reducir el peso del archivo angular.js? (según la consola de mi navegador, el archivo está comprimido con gzip)

Una solución podría ser usar los módulos Lazy Load, pero ¿puedo hacerlo en una aplicación de este tipo (sin usar el enrutamiento angular)?

Gracias de antemano por su ayuda !

Saludos, Killian