컨텐츠 가시성 : 렌더링 성능을 향상시키는 새로운 CSS 속성

Una Kravets와 Vladimir Levin은 content-visibility CSS 속성을 렌더링 성능을 향상시키기위한 강력한 도구로 강조합니다. 그들은 그 content-visibility: auto; 최소한의 개발자 노력으로 상당한 성능 향상을 제공합니다.

그들의 예는 극적인 개선을 보여줍니다. 렌더링 시간은 232ms에서 30ms로 감소했습니다 - 7 배의 속도가 증가합니다.

그러나 프로세스가 완전히 간단하지는 않습니다. content-visibility 적용하려면 큰 페이지 영역을 수동으로 구분하고 content-visibility: auto; contain-intrinsic-size 사용하여 높이를 추정합니다. 이 높이 추정은 우려 사항입니다. 정확한 높이 예측에 대한 불확실성, 잘못된 경우 성능에 대한 잠재적 영향 및 뷰포트 별 조정의 필요성으로 인해 성능 최적화 전문 지식이없는 개발자를위한 실제 응용 프로그램에 대한 의문이 제기됩니다. 저자는 웹 성능 최적화가 전문화 된 기술이라고 제안합니다.

위 내용은 컨텐츠 가시성 : 렌더링 성능을 향상시키는 새로운 CSS 속성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!