1。两行CSS将渲染性能提升7倍.box{content-visibility:auto;包含内在大小：1px5000px}2。你为什么需要这个？当今的网站需要优化和高性能，因为用户的注意力持续时间很短。阈值响应时间为400毫秒。如果Facebook、Instagram等网站的登录时间大于阈值怎么办？那么可能没有人会再次回到这些网站。你说得对吗？3、适合哪些场景使用？最常见的用例是当您需要在页面加载时呈现大型数据列表、数据表或图像列表时。例如文档、说明或旅游博客等静态网站...4.它是如何工作的？当您将content-visibility:auto应用于CSS类时，浏览器会变得非常聪明，以至于它会跳过渲染具有此CSS属性的DOM元素。浏览器需要知道要渲染的DOM布局，并且不会渲染不在视口中的元素，事实上，您提供的contain-intrinsic-size将导致一个空框。总而言之，所有渲染都会延迟到浏览器使用您提供的宽度、高度和样式渲染视口的实际布局。5.缺点这样做的一个缺点是，如果contain-intrinsic-size没有给出正确的值，滚动条会很奇怪并且抖动。6.浏览器对内容可见性的支持取决于CSSContainment规范[1]。在撰写本文时，大多数GoogleChrome浏览器目前都支持内容可见性。
