Lazy-load / scroll infini d'une liste de profils : vos retours ?

[Jeanb65]

Bonjour à tous,

Je développe en ce moment un site de rencontre (mon premier vrai projet un peu ambitieux) et je bute sur l'affichage de la liste des profils. Pour l'instant je charge tout d'un coup, mais dès qu'il y a quelques centaines de profils avec photos, ça rame franchement côté navigateur.

Je voudrais passer sur un chargement progressif et j'hésite entre deux approches :
- un scroll infini classique avec un IntersectionObserver qui déclenche le fetch des profils suivants,
- ou une pagination "Charger plus" plus simple à maîtriser.

Pour ceux qui ont déjà fait ce genre de liste avec beaucoup de vignettes, qu'est-ce qui marche le mieux en pratique niveau perf et expérience utilisateur ? Et est-ce que vous préchargez les images du prochain lot, ou pas ?

Merci d'avance pour vos retours !