mmintel/e-tib.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions 150 Packages Projects Releases Wiki Activity

perf: dynamically import InitialLoader and MobileBottomNav to remove framer-motion from main JS bundle

Browse Source
This commit is contained in:
Marc Mintel
2026-06-27 08:01:27 +02:00
parent 6717b32d44
commit c190a4f67e
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/[locale]/layout.tsx
View File

@@ -1,6 +1,6 @@
import { Footer } from '@/components/layout/Footer'; import { Footer } from '@/components/layout/Footer';
import { Header } from '@/components/layout/Header'; import { Header } from '@/components/layout/Header';
import { MobileBottomNav } from '@/components/layout/MobileBottomNav'; import nextDynamic from 'next/dynamic';
import JsonLd from '@/components/JsonLd'; import JsonLd from '@/components/JsonLd';
import SkipLink from '@/components/SkipLink'; import SkipLink from '@/components/SkipLink';
import AnalyticsShell from '@/components/analytics/AnalyticsShell'; import AnalyticsShell from '@/components/analytics/AnalyticsShell';
@@ -17,7 +17,10 @@ import { mapFileSlugToTranslated } from '@/lib/slugs';
import { cookies } from 'next/headers'; import { cookies } from 'next/headers';
import { TransitionProvider } from '@/components/providers/TransitionProvider'; import { TransitionProvider } from '@/components/providers/TransitionProvider';
import { InitialLoader } from '@/components/providers/InitialLoader';
const InitialLoader = nextDynamic(() => import('@/components/providers/InitialLoader').then(mod => mod.InitialLoader), { ssr: false });
const MobileBottomNav = nextDynamic(() => import('@/components/layout/MobileBottomNav').then(mod => mod.MobileBottomNav), { ssr: false });
import { DynamicCorporateBackground as CorporateBackground } from '@/components/decorations/DynamicCorporateBackground'; import { DynamicCorporateBackground as CorporateBackground } from '@/components/decorations/DynamicCorporateBackground';
import { DynamicPageTransitionShutter as PageTransitionShutter } from '@/components/providers/DynamicPageTransitionShutter'; import { DynamicPageTransitionShutter as PageTransitionShutter } from '@/components/providers/DynamicPageTransitionShutter';