🏠 Início
Avaliações
📊 Todos os Benchmarks 🦖 Dinossauro v1 🦖 Dinossauro v2 ✅ Aplicações To-Do List 🎨 Páginas Livres Criativas 🎯 FSACB - Showcase Definitivo 🌍 Benchmark de Tradução
Modelos
🏆 Top 10 Modelos 🆓 Modelos Gratuitos 📋 Todos os Modelos ⚙️ Kilo Code
Recursos
💬 Biblioteca de Prompts 📖 Glossário de IA 🔗 Links Úteis
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.