content-visibility 是一个新的 CSS 属性，可以帮助优化网页的性能。它的作用是控制浏览器是否在页面滚动时加载和渲染对应的元素，以提高页面的加载速度和响应性能。
当设置元素的 content-visibility 属性为 auto 时，浏览器会使用一些技术手段（如虚拟滚动）来推迟元素的渲染，直到这个元素即将进入用户视野内，从而避免不必要的渲染和占用内存，提高页面的响应速度。此外，当元素被滚出用户视野时，浏览器会将其从内存中卸载，进一步减轻页面的内存占用。
值得注意的是，content-visibility 属性的适用范围主要是大规模的列表和表格等元素，而对于少量的元素或者是在渲染元素之前需要进行计算的情况下，使用 content-visibility 可能会带来额外的性能开销，甚至可能会降低性能。因此，在使用 content-visibility 时需要根据具体情况进行权衡和测试，以保证达到最佳的性能表现。
扩展阅读
developer.mozilla.org/en-US/docs/…
