Seonglae Cho
Web Animation Performance Fundamentals - How to Make Your Pages Look Smooth
What if I told you that web pages were interactive animations played back by your web browser? We watch various motions every time we're on a web page. And it's not only JavaScript or CSS animations that I'm talking about. Scrolling, pinch zooming, text selection, and even hovering over
https://www.freecodecamp.org/news/web-animation-performance-fundamentals/
[스압/데이터주의] 웹 최적화 방식 모음 - 2. 파싱 및 렌더링 트리
이 파트의 핵심은 파싱의 병렬성과 렌더링에 미치는 영향이다. 크게 배치순서를 바꾸는 것과 제한, 기타 효율적 활용하는 방안으로 나눌 수 있다. 2.1.1 CSS를 상단에 배치 개요 분류: CSS HEAD에 스타일 시트를 넣으면 페이지가 점진적으로 렌더링 될 수 있어 좋다. CSSOM 트리는 CSS를 모두 해석해야 구성되고, 구성되지 않으면 렌더링이 차단되기 때문이다.
![[스압/데이터주의] 웹 최적화 방식 모음 - 2. 파싱 및 렌더링 트리](https://www.notion.so/image/https%3A%2F%2Fblack7375.tistory.com%2Ffavicon.ico?table=block&id=4030d244-d22e-40ff-abf9-81f55fec851e&cache=v2){kind=small}
https://black7375.tistory.com/74
![[스압/데이터주의] 웹 최적화 방식 모음 - 2. 파싱 및 렌더링 트리](https://www.notion.so/image/https%3A%2F%2Fimg1.daumcdn.net%2Fthumb%2FR800x0%2F%3Fscode%3Dmtistory2%26fname%3Dhttps%253A%252F%252Fblog.kakaocdn.net%252Fdn%252FdvVV3t%252FbtqW8FMg6E7%252F2ODjd3FRx3jPYgs8KHkV61%252Fimg.png?table=block&id=4030d244-d22e-40ff-abf9-81f55fec851e&cache=v2)