Descubre cómo optimizar el rendimiento de tus aplicaciones Angular

Introducción

Utiliza Lazy Loading

import { NgModule } from @angular/core;
import { RouterModule, Routes } from @angular/router;

const routes: Routes = [
  { path: home, loadChildren: () => import(./home/home.module).then(m => m.HomeModule) }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

Minimiza las solicitudes HTTP

// Ejemplo de combinación de archivos CSS en Angular.json
styles: [
  src/styles.css,
  src/assets/css/custom.css
]

// Ejemplo de compresión de recursos en el servidor
gzip on;

Optimiza el tamaño de las imágenes

Conclusión