Introducción
Angular 8 Performace
Analizando el tamaño del Bundle
¿Qué es un bundle size? Tree shaking y su importancia
Implementando Webpack Bundle Analyzer
Moment vs date-fns
Aplicando un Performance Budget desde el Angular CLI
Aumenta la velocidad de navegación
Code splitting a nivel de rutas
Implementando una propia estrategia de precarga
Implementando QuicklinkStrategy
Usando Machine Learning para predecir rutas
Google Analytics y Angular
Implementando GuessJs
Precarga con Service workers
¿Qué es Server Side Render?
Implementando Angular Universal
Cuidados con SSR y Angular
Rendimiento en tiempo de ejecución
¿Qué es el Change Detection?
Preparando módulo para Change Detection
Analizando el Change Detection
Optimización de componentes con OnPush
Usando pipes puros
subscribe
Async
Conclusiones
Conclusiones
Aún no tienes acceso a esta clase
Crea una cuenta y continúa viendo este curso
Aportes 9
Preguntas 3
PreLoadAllModules : es una estrategia de carga el cual consiste en cargar todos los módulos de nuestra aplicación cuando el browser haya terminado de cargar nuestra pantalla inicial
@NgModule({
imports: [RouterModule.forRoot(routes, {
preloadingStrategy: PreloadAllModules
})],
exports: [RouterModule]
})```
la consecuencia ocurre si nuestra aplicación es grande al tener muchos módulos esta estrategia es ineficiente ya que estamos cargando demasiados datos En esta clase vimos estrategias de preloading de componentes
https://angular.io/api/router/PreloadingStrategy
Existen dos valores
PreloadingAllModules: Provides a preloading strategy that preloads all modules as quickly as possible.
NoPreloading: Provides a preloading strategy that does not preload any modules.
En las siguientes clases vamos a crear nuestras propias tecnicas de preloading
para resolver el precargar modules yo aplicaba el guard del canLoad() => true/false para definir cuando un modulo se puede cargar.
El problema se tendria que ser muy especifico con las condiciones si se desa aprovechar.
A ver que sigue! 😄
el audio del video se pierde en el minuto 5:35
PreLoadAllModules es una estrategia para cargar todos los módulos cuándo el navegador ya ha cargado la página principal. Sin embargo, tiene un inconveniente a considerar Es ineficiente pre-cargar todos los módulos en una aplicación muy grade. EstarÃamos aumentando la eficiencia de la misma pero al mismo tiempo el consumo costo de datos también es alto.
Angular budget nos permite colocar limites de peso a nuestra app para que no pese excesivamente
Precarga de módulos es una de las técnicas más utilizadas, sin embargo este genera problemas al tener una aplicación muy grande por consiguiente el consumo de data.
si aplico la estrategia de pre carga en un aplicación muy grande con muchos modulos y de gran tamaño cada modulo, la estrategia de pre carga no seria mas bien una desventaja???
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.