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