content-visibility: auto на длинной ленте блога

Браузер не рисует off-screen карточки.

Класс `.blog-card { content-visibility: auto; contain-intrinsic-size: auto 420px }` ускоряет прокрутку ленты из 50+ превью — рендер только видимой области.

Не применяйте к hero и первому экрану — они должны отрисоваться сразу для LCP.

content-visibility — web.dev — Руководство Google.
Defer offscreen rendering — web.dev — Смежные техники.

Поиск и print

Для `@media print` отключайте `content-visibility` — иначе статьи ниже fold могут не попасть на печать.