Свойство content-visibility, запускаемое в Chromium 85, может быть одним из самых эффективных новых свойств CSS для повышения производительности загрузки страницы. Сontent-visibility позволяет пользовательскому агенту пропускать рендеринг элемента, включая макет и рисование, до тех пор, пока он не понадобится. Поскольку рендеринг пропускается, если большая часть вашего контента находится за пределами экрана, использование свойства content-visibility значительно ускоряет первоначальную загрузку страницы...

Источник: Nuances of Programming Мы хотим поделиться с вами несколькими удивительными советами и приемами касательно CSS, которые вы должны знать. 1. content-visibility:auto Эта функция работает подобно отложенной загрузке данных. Мы можем использовать данное свойство для любого HTML-элемента, но обычно его применяют для изображений. Если для content-visibility установлено значение auto, элементы за пределами видимой области будут пропущены, а затем отрисованы, как только они появятся в окне просмотра...