perf: Lighthouse optimizations - lazy loading, contrast fixes, LCP preload, SEO links

This commit is contained in:
2026-02-04 15:47:40 +01:00
parent ff7ef0f423
commit 737329794c
20 changed files with 68 additions and 40 deletions

View File

@@ -11,19 +11,14 @@ import { LoginRegisterComponent } from './components/login-register/login-regist
import { AuthGuard } from './guards/auth.guard';
import { ListingCategoryGuard } from './guards/listing-category.guard';
// Public pages (eagerly loaded - high traffic)
import { DetailsBusinessListingComponent } from './pages/details/details-business-listing/details-business-listing.component';
import { DetailsCommercialPropertyListingComponent } from './pages/details/details-commercial-property-listing/details-commercial-property-listing.component';
import { DetailsUserComponent } from './pages/details/details-user/details-user.component';
// Public pages - HomeComponent stays eagerly loaded as landing page
import { HomeComponent } from './pages/home/home.component';
import { BrokerListingsComponent } from './pages/listings/broker-listings/broker-listings.component';
import { BusinessListingsComponent } from './pages/listings/business-listings/business-listings.component';
import { CommercialPropertyListingsComponent } from './pages/listings/commercial-property-listings/commercial-property-listings.component';
import { SuccessComponent } from './pages/success/success.component';
import { TermsOfUseComponent } from './pages/legal/terms-of-use.component';
import { PrivacyStatementComponent } from './pages/legal/privacy-statement.component';
// Note: Account, Edit, Admin, Favorites, MyListing, and EmailUs components are now lazy-loaded below
// Note: All listing and details components are now lazy-loaded for better initial bundle size
export const routes: Routes = [
{
@@ -32,17 +27,17 @@ export const routes: Routes = [
},
{
path: 'businessListings',
component: BusinessListingsComponent,
loadComponent: () => import('./pages/listings/business-listings/business-listings.component').then(m => m.BusinessListingsComponent),
runGuardsAndResolvers: 'always',
},
{
path: 'commercialPropertyListings',
component: CommercialPropertyListingsComponent,
loadComponent: () => import('./pages/listings/commercial-property-listings/commercial-property-listings.component').then(m => m.CommercialPropertyListingsComponent),
runGuardsAndResolvers: 'always',
},
{
path: 'brokerListings',
component: BrokerListingsComponent,
loadComponent: () => import('./pages/listings/broker-listings/broker-listings.component').then(m => m.BrokerListingsComponent),
runGuardsAndResolvers: 'always',
},
{
@@ -53,11 +48,11 @@ export const routes: Routes = [
// Listings Details - New SEO-friendly slug-based URLs
{
path: 'business/:slug',
component: DetailsBusinessListingComponent,
loadComponent: () => import('./pages/details/details-business-listing/details-business-listing.component').then(m => m.DetailsBusinessListingComponent),
},
{
path: 'commercial-property/:slug',
component: DetailsCommercialPropertyListingComponent,
loadComponent: () => import('./pages/details/details-commercial-property-listing/details-commercial-property-listing.component').then(m => m.DetailsCommercialPropertyListingComponent),
},
// Backward compatibility redirects for old UUID-based URLs
{
@@ -95,7 +90,7 @@ export const routes: Routes = [
// User Details
{
path: 'details-user/:id',
component: DetailsUserComponent,
loadComponent: () => import('./pages/details/details-user/details-user.component').then(m => m.DetailsUserComponent),
},
// #########
// User edit (lazy-loaded)