Web Render Performance
[CSS Performance](https://texonom.com/css-performance-0f47d091149f425d8bb90d5e12211102) 


![The pixel pipeline](null)
![CSS properties and their initial step in the pixel pipeline](null)
![](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fd22593b9-9a9e-45c4-a9ac-54c61c58737a%2FUntitled.png?table=block&id=635eb151-8503-4f54-82c6-e30bb0095b11&cache=v2)
![](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fb7757ce9-238d-4fd7-ba18-1c6a6d352f6c%2FIMG_0362.png?table=block&id=21e8dff5-d9f4-40dc-993f-66895ad84a83&cache=v2)



> [Web Animation Performance Fundamentals - How to Make Your Pages Look Smooth](https://www.freecodecamp.org/news/web-animation-performance-fundamentals/)

> [[스압/데이터주의] 웹 최적화 방식 모음 - 2. 파싱 및 렌더링 트리](https://black7375.tistory.com/74)





