Mission

Mission : un fil d'actualité qui rame sur mobile

Diagnostiquer les causes de reflow répété dans un fil d'actualité et proposer les corrections CSS et JS adaptées.

Contexte

Sur fil-actualite.css, chaque carte .post anime width au survol (transition: width 0.3s;, passant de 95% à 100%). Le fil affiche plusieurs centaines de cartes, et un script associé lit el.offsetWidth puis écrit immédiatement el.style.width pour chacune, dans une seule boucle forEach. Le défilement devient saccadé dès que la liste dépasse une cinquantaine d'éléments visibles.