Next.jsأساسي
Correction d'un problème d'image non optimisée
السيناريو
Contexte : Une page affiche des images produits importées directement via balise img. Le Problème : Les performances Lighthouse sont mauvaises à cause d'images non optimisées. Contraintes : Utiliser le composant Image de Next.js. Aucune librairie externe. Livrable attendu : Remplacer la balise img par le composant optimisé Image avec width et height appropriés.
المهارات المستهدفة
nextjsimageperformanceoptimization
حالات تطبيقية أخرى في Next.js
- Correction d'une API Route avec gestion d'erreurs incomplèteمتقدم
- Correction d'une API Route vulnérable aux attaques de type injectionخبير
- Implémentation d'un système de pagination côté serveurمتقدم
- Correction d'une fuite mémoire dans un Middleware globalخبير
- Implémentation d'une stratégie ISR pour contenu évolutifمتقدم
- Implémentation d'un système de cache côté serveur avec invalidation intelligenteخبير
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى