화면 크기 변화와 레이아웃 시프트 방지

화면 크기 변화 시 발생하는 레이아웃 시프트를 방지하는 방법입니다.

CLS 개념

Core Web Vitals의 Cumulative Layout Shift 지표를 이해합니다.

이미지 크기 지정

이미지에 width, height 속성을 명시하여 공간을 확보합니다. 파비콘 생성은 파비콘 생성기를 활용하세요.

폰트 로딩 최적화

웹폰트 로딩으로 인한 레이아웃 시프트를 방지합니다.