CSS contain свойство ограничивает область пересчёта layout/paint для элемента. contain: layout — layout изменения внутри не влияют на внешний DOM. contain: paint — элемент не рисуется за своими границами. contain: size — размер элемента не зависит от потомков. contain: strict — все ограничения. Браузер может оптимизировать рендер зная ограничения. content-visibility: auto — ещё мощнее, полностью пропускает рендер off-screen элементов. Полезно для длинных списков, сложных layouts.

Что такое CSS containment?