🏠 Trang chủ
Benchmark
📊 Tất cả benchmark 🦖 Khủng long v1 🦖 Khủng long v2 ✅ Ứng dụng To-Do List 🎨 Trang tự do sáng tạo 🎯 FSACB - Trình diễn cuối cùng 🌍 Benchmark dịch thuật
Mô hình
🏆 Top 10 mô hình 🆓 Mô hình miễn phí 📋 Tất cả mô hình ⚙️ Kilo Code
Tài nguyên
💬 Thư viện prompt 📖 Thuật ngữ AI 🔗 Liên kết hữu ích
Intermédiaire

Audit et Correction des Core Web Vitals

#frontend #web #ux #lighthouse

Diagnostic complet et plan d'action pour optimiser les métriques essentielles web.

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.