CSS의 Conloin 및 Will Change에 도달하는 것이 '올바른'입니까?

이 게시물은 여러 CSS 성능 최적화 속성과 관련하여 저자의 혼란을 탐구합니다 : will-change , contain 및 content-visibility . 저자는 이러한 속성의 잠재적 이점을 이해합니다-GPU (Will-Change)에 작업을 오프로드하여 렌더링 성능을 향상시키고, 더 나은 레이아웃 성능 (포함)을위한 요소를 분리하고 오프 스크린 컨텐츠 (콘텐츠 가시 가능성)의 렌더링을 지연시킬 수 있습니다.

저자는 예제를 인용합니다 : will-change: opacity; 불투명도 변화는 종종 계산 저렴한 것으로 간주되기 때문에 의문이 제기됩니다. contain: strict; 예를 들어, 데이터 그리드에서 스크롤 성능을 크게 향상 시켰으며, contain 속성의 힘을 강조하지만 저자는 더 넓은 응용 프로그램에 대해서는 확실하지 않습니다. 마찬가지로, 저자는 content-visibility 언급하여 잠재력을 인정하지만 언제 사용 해야하는지에 대한 실질적인 이해가 부족합니다.

핵심 질문은 이러한 속성이 성능 문제가 감지 된 후에 만 ​​사용되는 "고급 최적화"기술로 간주되어야하는지 또는 초기 설계 및 구현 단계에서 고려되는 개발자의 표준 CSS 툴킷의 일부 여야하는지 여부입니다. 저자는 후자에 의존하여 적절한 경우 이러한 특성을 적극적으로 사용하여 (예 : 변하지 않는 요소를 포함하여, will-change 로 변경되는 것을 나타내는) 더 성능적인 인터페이스를 초래한다는 것을 시사합니다. 그러나 명확한 지침의 부족과 예상치 못한 행동 ( will-change 에 관한 오래된 기사에서 언급 한 바와 같이)은 결정적인 조언을 제공하기가 어렵습니다. 저자는보다 포괄적 인 자원의 필요성과 이러한 중요한 CSS 속성에 대한 더 깊은 이해를 표현함으로써 결론을 내립니다.

위 내용은 CSS의 Conloin 및 Will Change에 도달하는 것이 '올바른'입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!