🏠 Главная
Бенчмарки
📊 Все бенчмарки 🦖 Динозавр v1 🦖 Динозавр v2 ✅ Приложения To-Do List 🎨 Творческие свободные страницы 🎯 FSACB - Ультимативный показ 🌍 Бенчмарк перевода
Модели
🏆 Топ-10 моделей 🆓 Бесплатные модели 📋 Все модели ⚙️ Режимы Kilo Code
Ресурсы
💬 Библиотека промптов 📖 Глоссарий ИИ 🔗 Полезные ссылки
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.