// Optimisation des performances import { lazy, Suspense } from 'react'; import { optimizeImages } from './utils'; // Chargement différé des composants const HeavyComponent = lazy(() => import('./Heavy')); // Configuration du cache const cacheConfig = { strategy: 'stale-while-revalidate', maxAge: 60 * 60 * 24, }; // Optimisation des images const images = await optimizeImages({ quality: 80, formats: ['webp', 'avif'], }); // Mise en cache des API const cache = new Cache(cacheConfig); const data = await cache.fetch('/api/data'); // Préchargement des ressources <link rel="preload" href="font.woff2" />; <link rel="preconnect" href="https://fonts.gstatic.com" />; // Optimisation des CSS const criticalCSS = extractCritical(App); const styles = optimizeCSS(criticalCSS); // Compression Gzip/Brotli app.use(compression({ level: 9 })); // Service Worker pour le offline registerServiceWorker('./sw.js'); // Métriques de performance measureWebVitals({ CLS: 0.1, // Cumulative Layout Shift FID: 100, // First Input Delay LCP: 2.5, // Largest Contentful Paint });// Optimisation des performances import { lazy, Suspense } from 'react'; import { optimizeImages } from './utils'; // Chargement différé des composants const HeavyComponent = lazy(() => import('./Heavy')); // Configuration du cache const cacheConfig = { strategy: 'stale-while-revalidate', maxAge: 60 * 60 * 24, }; // Optimisation des images const images = await optimizeImages({ quality: 80, formats: ['webp', 'avif'], }); // Mise en cache des API const cache = new Cache(cacheConfig); const data = await cache.fetch('/api/data'); // Préchargement des ressources <link rel="preload" href="font.woff2" />; <link rel="preconnect" href="https://fonts.gstatic.com" />; // Optimisation des CSS const criticalCSS = extractCritical(App); const styles = optimizeCSS(criticalCSS); // Compression Gzip/Brotli app.use(compression({ level: 9 })); // Service Worker pour le offline registerServiceWorker('./sw.js'); // Métriques de performance measureWebVitals({ CLS: 0.1, // Cumulative Layout Shift FID: 100, // First Input Delay LCP: 2.5, // Largest Contentful Paint });