perf: eliminate global JS bloat and defer autoPlay video

- Dynamically imported ToolCoordinator dependencies
- Removes ~400KB from global layout (html2canvas, framer-motion)
- Implemented IntersectionObserver in VideoSection
- Prevents 1.8MB .webm autoPlay blocking initial network
- Restored SSR hydration visibility for LCP elements in Hero
This commit is contained in:
2026-02-20 00:34:08 +01:00
parent f0547fbf8a
commit c30a52e3a3
6 changed files with 154 additions and 23 deletions

View File

@@ -1,4 +1,6 @@
import withMintelConfig from '@mintel/next-config';
import withBundleAnalyzer from '@next/bundle-analyzer';
import { withSentryConfig } from '@sentry/nextjs';
console.log('🚀 NEXT CONFIG LOADED FROM:', process.cwd());
@@ -354,6 +356,10 @@ const nextConfig = {
},
};
export default withMintelConfig(nextConfig, {
hideSourceMaps: true,
const withAnalyzer = withBundleAnalyzer({
enabled: process.env.ANALYZE === 'true',
});
export default withAnalyzer(withMintelConfig(nextConfig, {
hideSourceMaps: true,
}));