content-visibility
CSS-свойство, позволяющее браузеру пропускать отрисовку (раскладку и рисование) элементов вне экрана, пока пользователь не доскроллит до них. Даёт большой выигрыш на длинных страницах — своего рода встроенная виртуализация на чистом CSS.
Механика: content-visibility: auto разрешает браузеру не выполнять дорогую работу по рендерингу невидимого элемента и заняться им, когда он приблизится к области просмотра. На странице с тысячами элементов (длинный список, много карточек, большая статья) это означает, что при первой отрисовке нужно думать только о видимом, — и она становится заметно быстрее. Важное дополнение: contain-intrinsic-size задаёт ожидаемый размер ещё не отрисованных элементов, чтобы полоса прокрутки и раскладка были корректными (иначе страница прыгает). От JS-виртуализации (react-window и других) отличается тем, что встроена и не требует библиотек, но контроля даёт меньше. Эта вики применяет свойство к каждой карточке термина. Мощное современное средство повышения производительности. Родственно will-change и ленивой загрузке.