브라우저 랜더링 성능 향상을 위한 자료들.

1. 랜더링 Pipeline 이해하기.

https://hacks.mozilla.org/2017/08/inside-a-super-fast-css-engine-quantum-css-aka-stylo/

 

2. CSS 의 contain 속성.

 

https://www.youtube.com/watch?v=iqcO-5_KkJ4 

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Containment

https://developer.mozilla.org/en-US/docs/Web/CSS/contain

https://www.smashingmagazine.com/2019/12/browsers-containment-css-contain-property/

https://css-tricks.com/lets-take-a-deep-dive-into-the-css-contain-property/

https://developers.google.com/web/updates/2016/06/css-containment

 

3. Shadow DOM 을 이용한 style encapsulation

https://nolanlawson.com/2021/08/15/does-shadow-dom-improve-style-performance/

https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM