# 렌더링 성능을 7배 빠르게 하는 2줄의 CSS

> Clean Markdown view of GeekNews topic #6713. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=6713](https://news.hada.io/topic?id=6713)
- GeekNews Markdown: [https://news.hada.io/topic/6713.md](https://news.hada.io/topic/6713.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2022-06-09T10:03:01+09:00
- Updated: 2022-06-09T10:03:01+09:00
- Original source: [dev.to](https://dev.to/mnathani/two-lines-of-css-that-boosts-7x-rendering-performance-4mjd)
- Points: 26
- Comments: 3

## Topic Body

애플리케이션 실행시에 방대한 데이터 리스트/그리드를 로드할 경우에 적합  
```css  
{  
  content-visibility: auto;  
  contain-intrinsic-size: 1px 5000px;  
}  
```

## Comments



### Comment 10416

- Author: scari
- Created: 2022-06-09T11:28:04+09:00
- Points: 2

FF 사용자 입장에서 원 링크의 댓글을 더 재미있게 보았습니다.

### Comment 10413

- Author: kuroneko
- Created: 2022-06-09T10:20:03+09:00
- Points: 1

다른 이야기지만, 다크 모드에서도 코드는 라이트 테마로 보이는 것 같습니다!

### Comment 10414

- Author: xguru
- Created: 2022-06-09T10:26:54+09:00
- Points: 1
- Parent comment: 10413
- Depth: 1

아.. 마크다운쪽 코드라서 수정해야 하는데.. 일단 백로그에.. ㅎㅎㅎ