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
- Optimisation avancée du Largest Contentful Paintمتقدم
- Optimisation avancée des fonts avec sous-ensemble dynamiqueخبير
- Optimisation des fonts web pour réduction du temps de renduمتقدم
- Optimisation avancée des images avec stratégie adaptative réseauخبير
- Optimisation des requêtes réseau via HTTP/2 et multiplexageمتقدم
- Optimisation extrême du Core Web Vitals sur mobile bas de gammeخبير
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى
