content-visibility
Une propriété CSS qui permet au navigateur de sauter le rendu (mise en page, peinture) des éléments hors écran jusqu'à ce que l'utilisateur les fasse défiler dans la zone visible. Un gain de performances considérable sur les longues pages — une sorte de virtualisation intégrée, en pur CSS.
Le principe : content-visibility: auto autorise le navigateur à ne pas effectuer le coûteux travail de rendu d'un élément invisible, et à ne le faire qu'à l'approche de la zone d'affichage. Sur une page de milliers d'éléments (longue liste, nombreuses cartes, grand article), le premier rendu ne s'occupe que de ce qui est réellement visible → un premier affichage nettement plus rapide. Complément indispensable : contain-intrinsic-size fournit une taille estimée aux éléments non rendus, pour que la barre de défilement et la mise en page restent justes (sinon la page saute). Elle se distingue de la virtualisation en JS (react-window et consorts) en étant native et sans aucune bibliothèque — au prix d'un contrôle moindre. Ce wiki l'applique à chaque fiche de terme. Une propriété de performance moderne et efficace.