Chrome 85에 새로 적용된 content-visibility 속성은 페이지 로드 성능을 향상시키는 가장 효과적인 새로운 CSS 속성 중 하나입니다. content-visibility는 UserAgent가 layout, painting을 포함한 요소의 렌더링 작업을 필요로할 때까지 생략할 수 있도록 합니다. 콘텐츠의 대부분이 화면 밖에 있을 때, content-visibility을 활용해서 렌더링을 생략하게 되면 사용자의 초기 로드 시간이 훨씬 빨라집니다. 또한, 화면 내 콘텐츠와 더 빠르게 상호작용할 수 있습니다...
아래의 경로에서 자세한 사항을 알 수 있습니다
https://wit.nts-corp.com/2020/09/11/6223
(번역) 랜더링 성능을 향상 시키는 새로운 CSS 속성 content-visibility
content-visibility: the new CSS property that boosts your rendering performance 본 게시글은 의 글을 번역 게시하였습니다. 8월 25일 Chrome 85에 추가된 content-visibility 속성에 대해 정리했습니다. 화면 밖 콘텐츠의 ��
wit.nts-corp.com
유용한 기능인것 같습니다 빠른 시일내에 모든 브라우저 적용 가능하길 바랍니다.
반응형
'Web story > CSS' 카테고리의 다른 글
| isolation: isolate (0) | 2023.06.02 |
|---|---|
| Dynamic color change : mix-blend-mode (0) | 2023.06.02 |
| CSS flexible 레이아웃: flex item의 정렬과 간격 (0) | 2017.05.12 |
| 8000px border (0) | 2014.11.01 |
| [CSS] IE7, IE8에서 작동하지 않을 것이라고 생각했는데 작동하는 선택자 (0) | 2014.02.20 |