no longer preloads

src/app/app.routes.ts

@@ -1,11 +1,14 @@
 import { Routes } from '@angular/router';
-import { AboutComponent } from '../pages/about/about.component';
-import { Contact } from '../pages/contact/contact';
-import { Home } from '../pages/home/home';
 
 export const routes: Routes = [
   { path: '', redirectTo: 'home', pathMatch: 'full' },
-  { path: 'home', component: Home },
-  { path: 'about', component: AboutComponent },
-  { path: 'contact', component: Contact },
+  { path: 'home', loadComponent: () => import('../pages/home/home').then((x) => x.Home) },
+  {
+    path: 'about',
+    loadComponent: () => import('../pages/about/about').then((x) => x.About),
+  },
+  {
+    path: 'contact',
+    loadComponent: () => import('../pages/contact/contact').then((x) => x.Contact),
+  },
 ];