content-visibility
Właściwość CSS pozwalająca przeglądarce pominąć renderowanie (układ, malowanie) elementów poza ekranem, dopóki użytkownik ich nie przewinie. Daje duży zysk wydajności na długich stronach — to wbudowana wirtualizacja w czystym CSS.
Mechanizm: content-visibility: auto mówi przeglądarce, że może pominąć kosztowne renderowanie elementu niewidocznego i zrobić to dopiero, gdy zbliży się do okna. Na stronie z tysiącami elementów (długa lista, wiele kart, duży artykuł) pierwsze renderowanie musi zająć się tylko tym, co faktycznie widać, więc jest wyraźnie szybsze. Ważne uzupełnienie: contain-intrinsic-size podaje szacowany rozmiar nierenderowanych elementów, by pasek przewijania i układ były poprawne (inaczej strona skacze). Od wirtualizacji w JS (react-window i inne) różni się tym, że jest wbudowana i nie wymaga bibliotek — ale daje mniejszą kontrolę. Ta wiki używa jej na każdej karcie hasła. Potężna, nowoczesna właściwość wydajnościowa. Powiązana z will-change i leniwym ładowaniem.