Mejora el tiempo de carga de tu app Angular con Lazy-loading
Una de las principales ventajas que ofrece una aplicación SPA es intentar trasmitir al usuario una experiencia lo más parecida a una aplicación de escritorio desde el mundo web, eliminando retardos en la navegación intra-páginas y evitando la recarga de estas a cada envío de datos al servidor. La app corre por completo en el navegador del usuario. Estas aplicaciones, y en el caso tratado de Angular de la misma forma, generan un “paquete” JavaScript con todo el contenido de la web en un archivo, tanto el HTML de las vistas como el código JavaScript con su lógica, y este fichero puede crecer de forma alarmante. Normalmente en la de creación del paquete de despliegue se le aplica un proceso de minificado (minify) y de transcripción del código (uglify), de tal manera que reducimos el tamaño del fichero JavaScript, pero, incluso así, el tamaño del fichero puede ser demasiado grande, haciendo que la carga inicial de la aplicación penalice la experiencia de usuario. Angular aplica otras técnicas para reducir aún más el tamaño de paquete, como por ejemplo Tree-shaking, [...]