🏠 Home
Benchmark Hub
📊 All Benchmarks 🦖 Dinosaur v1 🦖 Dinosaur v2 ✅ To-Do List Applications 🎨 Creative Free Pages 🎯 FSACB - Ultimate Showcase 🌍 Translation Benchmark
Models
🏆 Top 10 Models 🆓 Free Models 📋 All Models ⚙️ Kilo Code
Resources
💬 Prompts Library 📖 AI Glossary 🔗 Useful Links
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.