Intermédiaire
Audit et Correction des Core Web Vitals
Diagnostic complet et plan d'action pour optimiser les métriques essentielles web.
📝 Treść promptu
Tu es un spécialiste de la performance web. J'ai besoin d'un plan d'audit technique pour une application SPARE (React/Vue) qui a de mauvais scores Core Web Vitals (LCP > 2.5s, CLS > 0.1, INP > 200ms).
Fournis une liste de contrôle structurée comprenant :
- **LCP (Largest Contentful Paint)** : Stratégies pour optimiser le chargement des images (Lazy loading, formats WebP/AVIF), préchargement des ressources critiques (preload/prefetch), et réduction du bloquage du rendu JS.
- **CLS (Cumulative Layout Shift)** : Méthodes pour réserver l'espace aux médias et polices, et éviter l'injection dynamique de contenu au-dessus du pli.
- **INP (Interaction to Next Paint)** : Techniques pour diviser les longues tâches JavaScript (Long Tasks), débouncing intelligents, et optimisation des écouteurs d'événements.