Retour aux cas pratiques
Web Performance OptimizationAvancé

Réduction du Cumulative Layout Shift causé par médias dynamiques

Scénario

Contexte : Une page d'actualités affiche des images et publicités dynamiques. Le Problème : Des décalages visuels apparaissent lors du chargement des médias. Contraintes : Implémenter des dimensions explicites et réserver l'espace nécessaire. Livrable attendu : Corriger les sources de CLS en définissant des tailles fixes ou ratio boxes pour stabiliser le layout.

Compétences ciblées

performanceclslayoutoptimizationui
    Réduction du Cumulative Layout Shift causé par médias dynamiques — mise en situation Web Performance Optimization | CodeDuel