WebPerf - Chargement des listes - Content-Visibility

Idées & Suggestions pour Moning ✨
1

Si le site n’utilise pas de virtual scroller JS (DOM recycling), et charge toutes les actions dans la page, ça vaut peut-être le coup d’utiliser la propriété CSS suivante :

content-visibility:auto;

https://developer.mozilla.org/en-US/docs/Web/CSS/content-visibility

Ca vaut pour toutes les listes (portefeuille, search, forum, messages d’un topic, etc.)

Cela permet de réduire l’impact du chargement des noeuds HTML sur le main thread du browser

2

Yes !

En fait les actions dans le screener sont chargées par blocs de quelques dizaines et le bloc suivant est chargé durant le scrolling :slight_smile:

3

C’est déjà très bien !

A voir si à la longue les nodes qui s’accumulent peuvent impacter la webperf.

Dans ce cas, avec content-visibility:auto; les nodes disparaissant du viewport seraient court-circuités de la boucle de rendu.

4

kaamelott GIF

1 « J'aime »
5

Je testerai cela la semaine prochaine :smiley: