Если на странице десятки карточек, браузеру необязательно сразу рассчитывать стили и раскладку для всего списка. С
content-visibility: auto он пропускает отрисовку содержимого секций за пределами экрана и выполняет её, когда секция приближается к области просмотра.В примере с блогом время отрисовки сократилось с 232 до 30 мс. Есть цена: без заданного размера пропущенная секция считается пустой, поэтому полоса прокрутки может прыгать.
contain-intrinsic-size задаёт размер-заполнитель, а значение auto позволяет затем запомнить фактический размер.Откройте разбор на web.dev перед оптимизацией ленты или SPA: там показаны CSS-код, ограничения доступности и отличие от
display: none и visibility: hidden.