---
type: bookmarks
tags: ['css', 'content-visibility', 'contain', 'performance']
status: release
ctime: 2022-04-09
mtime: 2026-10-06
---

import QuoteLink from '@components/QuoteLink.astro'

<QuoteLink url="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment">
  CSS containment
</QuoteLink>

---

- [content-visibility: the new CSS property that boosts your rendering performance](https://web.dev/content-visibility/)[^117-1]
- [More on content-visibility | CSS-Tricks](https://css-tricks.com/more-on-content-visibility/)[^117-2]
- [When is it “Right” to Reach for  contain and will-change in CSS? - CSS-Tricks](https://css-tricks.com/when-is-it-right-to-reach-for-contain-and-will-change-in-css/)[^117-3]
- [contain - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/ko/docs/Web/CSS/contain)
- [How I made Google’s data grid scroll 10x faster with one line of CSS | by Johan Isaksson | Oct, 2021 | Medium](https://medium.com/@johan.isaksson/how-i-made-googles-data-grid-scroll-10x-faster-with-one-line-of-css-78cb1e8d9cb1)

---

[^117-1]: 초기로딩 속도를 개선하기 위한 `content-visibility: auto` 적용에 관한 글.
[^117-2]: 접근성관련 스크린리더에서 혼란스러울수도 있는 부분에 대한 설명이 추가되어 있다.
[^117-3]: 성능관련 css 속성을 언제(계속 권장인지, 문제가 있을때인지) 써야 맞는건가에 대한 의문이 담긴 의견.