在CSS中，何时'正确”到达限制和变化？

这篇文章探讨了作者对几种CSS性能优化属性的困惑： will-change ， contain和content-visibility 。作者了解这些属性的潜在好处 - 通过将任务卸载到GPU（Will-Change），隔离元素，以提高渲染性能，以更好地布局性能（包含），并延迟呈现外屏幕外内容（内容可见性）的渲染 - 但缺乏对何时和如何有效应用它们的清晰了解。

作者引用了例子： will-change: opacity;由于不透明度变化通常被认为是计算便宜的，因此被质疑。 contain: strict;例如，在数据网格中大大提高了滚动性能，突出显示了contain属性的功能，但使作者不确定其更广泛的应用程序。同样，作者提到了content-visibility ，承认其潜力，但缺乏对何时使用它的实际理解。

核心问题是，这些属性是否仅在检测到性能问题之后才被视为“高级优化”技术，或者应将其作为开发人员标准CSS工具包的一部分，该技术在初始设计和实现阶段中所考虑的。作者倾向于后者，这表明在适当的情况下（例如，包含不变的元素，指示will-change的变化）会主动使用这些属性会导致更多性能的接口。但是，缺乏明确的准则和意外行为的潜力（如旧will-change中所述），因此很难提供确定的建议。作者结束时表达了需要更全面的资源以及对这些至关重要的CSS属性的更深入的理解。

以上是在CSS中，何时'正确”到达限制和变化？的详细内容。更多信息请关注PHP中文网其他相关文章！