CSS 렌더링 최적화 하기
2024.08.30
Rendering
CSS
INDEX
IDX
- CSS 렌더링 최적화는 왜 필요할까?
- CSS 는 왜 Render-blocking 을 유발하는 걸까?
- CSSOM 최적화
- 1. 불필요한 CSS 제거하기
- 2. CSS 를 별도의 모듈로 분할하기
- 3. CSS 를 최소화하고 압축하기
- 4. Selector 계층 평탄화 하기
- 5. 중요한 asset 사전 로드하기
- 애니메이션 최적화
- 요소 변경 최적화 will-change
- CSS Containment 를 통한 스타일 재계산 최적화
- 참고
CLICK TO COPY LINK OF POST4c683f11-9048-42d2-933a-a054077fef2a