지연 로딩 전략
SLUR UI System에서는
모든 리소스를 즉시 로딩하지 않고,
사용자에게 필요한 시점에만 로딩하는 전략을 기본으로 합니다.
지연 로딩은 성능 최적화를 위한 선택이 아니라,
기본 설계 기준입니다.
지연 로딩의 목적
Section titled “지연 로딩의 목적”지연 로딩은 다음 목적을 가집니다.
- 초기 로딩 시간을 줄입니다.
- 불필요한 네트워크 사용을 방지합니다.
- LCP, CLS 등 핵심 성능 지표를 개선합니다.
- 사용자 체감 속도를 향상시킵니다.
모든 리소스는
즉시 필요하지 않다면 지연 로딩 대상이 됩니다.
지연 로딩 적용 기준
Section titled “지연 로딩 적용 기준”지연 로딩은 다음 기준에 따라 적용합니다.
- 화면 진입 시 바로 보이지 않는 콘텐츠
- 사용자 상호작용 이후에 필요한 요소
- 스크롤 이후 노출되는 이미지와 컴포넌트
반대로,
초기 화면에 즉시 필요한 요소는
지연 로딩 대상에서 제외합니다.
이미지 지연 로딩 기준
Section titled “이미지 지연 로딩 기준”이미지 지연 로딩은 다음 원칙을 따릅니다.
- 정보 전달이나 주요 비주얼 이미지는 즉시 로딩합니다.
- 장식 이미지와 하위 콘텐츠 이미지는 지연 로딩합니다.
- 사용자 경험에 영향을 주지 않는 범위에서 적용합니다.
지연 로딩은
이미지 역할 정의 이후에 결정되어야 합니다.
지연 로딩과 사용자 경험
Section titled “지연 로딩과 사용자 경험”지연 로딩은
성능을 이유로 사용자 경험을 해쳐서는 안 됩니다.
- 콘텐츠가 늦게 나타나는 느낌을 주지 않습니다.
- 레이아웃 이동(CLS)을 유발하지 않습니다.
- 로딩 상태가 필요한 경우 명확히 표현합니다.
성능 최적화는
항상 사용자 경험을 기준으로 판단합니다.
지연 로딩 전략의 목적
Section titled “지연 로딩 전략의 목적”지연 로딩 전략은
단순한 기술 적용이 아니라,
리소스 사용을 통제하기 위한 설계 기준입니다.
필요한 것만, 필요한 시점에 제공할수록
UI는 더 빠르고 안정적으로 동작합니다.