레이아웃 시프트(Layout Shift), CLS 개선하기

[aahreum]

• 랜딩페이지(Home.tsx)에 레이아웃 밀림 현상 발생
• 이미지에 크기를 지정해서 해결해보기 (폰트는..왜 그럴까?)
• 이미지 최적화 작업해보기

참고

https://developer.mozilla.org/en-US/docs/Web/API/LayoutShift
웹에서 이미지 로딩 중 레이아웃이 밀리는 문제 해결하기
새로운 웹페이지 성능 측정 지표 CLS(Cumulative Layout Shift)