간단히 말하면: 지연 로딩은 이미지, 동영상 또는 페이지의 다른 부분이 필요해질 때까지 로딩을 늦추는 방식입니다. 올바르게 사용하면 전송량과 시간을 절약하지만, 잘못 사용하면 주요 콘텐츠가 늦게 표시될 수 있습니다.
실무에서 지연 로딩을 활용하는 방법
지연 로딩은 전체 페이지의 맥락에서 평가합니다. 제목, 텍스트, 컨트롤, 속도와 피드백이 함께 무엇을 할 수 있고 다음에 무엇이 이어지는지 설명해야 합니다. 먼저 작업을 방해하는 장애물을 해결하고, 기본 기능이 작동한 뒤에 장식과 효과를 더합니다.
주의해야 할 점
마우스로 작동한다고 해서 컴포넌트가 완성된 것은 아닙니다. 지연 로딩을 사용할 때 키보드 사용, 대비, 확대, 스크린 리더, 느린 네트워크와 스크립트가 없는 상태를 확인합니다. 접근성과 성능은 부가 요소가 아니라 동일한 경험의 일부입니다.
의사결정을 위한 질문
- 페이지에서 사용자가 완료하려는 작업은 무엇입니까?
- 어디에서 망설이거나 실수하거나 맥락을 잃을 수 있습니까?
- 모바일, 키보드와 느린 네트워크에서 솔루션이 작동합니까?
- 변경이 실제로 도움이 되었음을 보여줄 신호는 무엇입니까?