Web Performance Optimizationأساسي

Implémentation du lazy loading natif des images

السيناريو

Contexte : Une page catalogue contient de nombreuses images visibles uniquement après scroll. Le Problème : Toutes les images sont chargées dès le premier rendu. Code actuel : <img src="product.jpg"> Contraintes : Utiliser l'attribut loading natif du navigateur. Livrable attendu : Modifier les balises image afin d'activer le lazy loading natif et réduire le temps de chargement initial.

المهارات المستهدفة

performancelazyloadingimagesoptimization

حالات تطبيقية أخرى في ⁨Web Performance Optimization⁩

عرض كل الحالات التطبيقية في ⁨Web Performance Optimization⁩

أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى