📚 Reference
📜 ****Chapter
Coding 방법론
CLS (Cumulative Layout Shift)
FCP (First Contentful Paint)
FID (First Input Delay)
INP (Interaction to Next Paint)
LCP (Largest Contentful Paint)
List virtualization (리스트 가상화)
TBT (Total Blocking Time)
웹 프론트 속도 개선을 위한 필수 도구
웹 폰트 최적화
이미지 최적화
‣
‣
‣
‣
‣
‣
‣
Front-end 성능 최적화
- Front-end 성능 최적화 = 로딩 최적화 + 렌더링 최적화
- 로딩 최적화: 리소스를 어떻게 최적화 해서 로딩 성능을 빠르게 하는지.
- 렌더링 최적화: 렌더링을 어떻게 최적화 해야 부드러워지는지.
- 로딩 최적화
- 브라우저 기준 최적화의 문제점
- 사용자 기준 최적화
- 프리 렌더러
- PWA 사례
- 렌더링 최적화