CSS content-visibility: auto 속성이 성능을 향상시키는 원리는?
어려움 MDN Web Docs해설
content-visibility: auto는 뷰포트 밖에 있는 요소의 레이아웃과 페인트 작업을 브라우저가 건너뛸 수 있게 합니다. 사용자가 스크롤하여 해당 영역이 보일 때 비로소 렌더링하므로, 긴 페이지의 초기 렌더링 성능이 크게 향상됩니다.
content-visibility: auto는 뷰포트 밖에 있는 요소의 레이아웃과 페인트 작업을 브라우저가 건너뛸 수 있게 합니다. 사용자가 스크롤하여 해당 영역이 보일 때 비로소 렌더링하므로, 긴 페이지의 초기 렌더링 성능이 크게 향상됩니다.