content-visibility -> 초기 렌더링 속도 향샹

[innerstella]

MDN docs : content-visibility
📝 vercel note

• 화면 밖 요소의 렌더링 지연
• hidden과는 다르게, 생략된 요소에 사용자가 접근 및 액션 가능함

content-visibility: auto 속성이 적용된 화면 밖의 콘텐츠는 문서 객체 모델과 접근성 트리 내에 그대로 남아 있습니다. 이를 통해 content-visibility: auto 를 사용해 페이지 성능을 향상시키면서도 접근성에 부정적인 영향을 주지 않을 수 있습니다.

[innerstella]

CSS content-visibility를 이용해 렌더링 성능 향상 시키기