🏠 首页
基准测试
📊 所有基准测试 🦖 恐龙 v1 🦖 恐龙 v2 ✅ 待办事项应用 🎨 创意自由页面 🎯 FSACB - 终极展示 🌍 翻译基准测试
模型
🏆 前 10 名模型 🆓 免费模型 📋 所有模型 ⚙️ 🛠️ 千行代码模式
资源
💬 💬 提示库 📖 📖 AI 词汇表 🔗 🔗 有用链接
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.