🏠 होम
बेंचमार्क
📊 सभी बेंचमार्क 🦖 डायनासोर v1 🦖 डायनासोर v2 ✅ टू-डू लिस्ट ऐप्स 🎨 रचनात्मक फ्री पेज 🎯 FSACB - अल्टीमेट शोकेस 🌍 अनुवाद बेंचमार्क
मॉडल
🏆 टॉप 10 मॉडल 🆓 मुफ्त मॉडल 📋 सभी मॉडल ⚙️ किलो कोड
संसाधन
💬 प्रॉम्प्ट लाइब्रेरी 📖 एआई शब्दावली 🔗 उपयोगी लिंक
Intermédiaire

Optimisation Core Web Vitals

#web #frontend #lighthouse

Stratégies techniques pour maximiser le score Lighthouse et l'expérience utilisateur web.

Agis en tant qu'expert en performance web. Mon objectif est d'atteindre un score de 100 sur Google Lighthouse et d'optimiser les Core Web Vitals (LCP, FID, CLS). Pour une application web [Type de Tech, ex: React/Vanilla], fournis un plan d'action concret couvrant : 1. **Chargement (LCP)** : Optimisation des images (WebP, srcset), préchargement des ressources critiques, suppression du JavaScript bloquant le rendu. 2. **Interactivité (FID/INP)** : Réduction du temps d'exécution JS, code-splitting et lazy-loading. 3. **Stabilité visuelle (CLS)** : Réservation d'espace pour les médias et les publicités. Pour chaque point, donne un exemple de code ou de configuration précis.