🏠 Home
Benchmark
📊 Tutti i benchmark 🦖 Dinosauro v1 🦖 Dinosauro v2 ✅ App To-Do List 🎨 Pagine libere creative 🎯 FSACB - Ultimate Showcase 🌍 Benchmark traduzione
Modelli
🏆 Top 10 modelli 🆓 Modelli gratuiti 📋 Tutti i modelli ⚙️ Kilo Code
Risorse
💬 Libreria di prompt 📖 Glossario IA 🔗 Link utili
Avancé

Optimization Performance React

#react #performance #optimization #web-vitals #frontend

Optimise une application React complexe pour des performances maximales.

Tu es un expert performance frontend. J'ai une application React qui est lente et je veux l'optimiser. Analyse et optimisation complète: 1. **Performance Audit** : Lighthouse, Web Vitals, Chrome DevTools profiling 2. **Bundle Optimization** : Code splitting, lazy loading, tree shaking, webpack analysis 3. **React Optimizations** : React.memo, useMemo, useCallback, virtualization 4. **State Management** : Redux optimization, context splitting, state normalization 5. **Rendering Optimization** : Server-side rendering, static generation, streaming SSR 6. **Asset Optimization** : Image optimization, font loading strategies, CDN usage 7. **Memory Management** : Leak detection, cleanup functions, event listener removal 8. **Network Optimization** : Caching strategies, prefetching, compression, HTTP/2 9. **Runtime Performance** : Web Workers, heavy computation offloading, requestIdleCallback 10. **Monitoring** : Real User Monitoring (RUM), performance budgets, regression testing Fournis le code optimisé, les configurations webpack/vite, les stratégies de caching, et les dashboards de monitoring.