使用 CSS 局限

CSS 局限（CSS containment）通过允许浏览器将页面的一个子树与页面的其余部分隔离，以提高网页的性能。如果浏览器知道页面的某个部分与其余内容是独立的，就可以优化渲染并提升性能。

contain 和 content-visibility 属性使开发者能够告知用户代理是否应该渲染元素的内容，以及在元素不在屏幕上时是否应渲染其内容。然后，用户代理在适当的时候对元素应用局限，可能会推迟布局和渲染，直到需要时再进行。

本指南描述了 CSS 局限的基本目标以及如何利用 contain 和 content-visibility 来提升用户体验。