浏览器连你看不见的东西也照渲不误——`content-visibility: auto` 来救场

📋 概述

当你打开一个长页面——新闻流、管理表格、文档——浏览器会对每一个元素做布局和绘制：全部 500 行表格、300 张信息卡、那些你这次根本不会滚到的区块，然后任何变化、任何缩放都会再来一遍。`content-visibility: auto` 正是解决这个问题：让浏览器跳过视口之外的元素渲染，直到它接近视口。元素仍在 DOM、仍进无障碍树、仍可被页内查找命中，只是浏览器不为它花布局与绘制预算。Google 实测对新闻页应用后渲染速度提升约 7 倍，改善不是渐进的。