Lazy-loading의 방식과 장단점

Lazy-loading은 웹 페이지의 이미지, 스크립트, 스타일시트와 같은 자원들을 페이지 로딩 시점에 모두 불러오는 것이 아니라, 필요한 시점에 필요한 자원을 불러오는 방식입니다.

Lazy-loading의 장점은 다음과 같습니다.

1. 페이지 로딩 속도 향상: 모든 자원을 한 번에 로딩하는 대신, 필요한 시점에 필요한 자원만 로딩하므로 페이지 로딩 속도가 빨라집니다.

2. 대역폭 절약: 필요하지 않은 자원을 불러오지 않으므로, 대역폭을 절약할 수 있습니다. 이는 모바일 기기에서 특히 유용합니다.

3. 성능 개선: 페이지의 초기 로딩 속도를 개선하므로, 사용자 경험을 향상시킵니다.

Lazy-loading의 단점은 다음과 같습니다.

1. SEO 문제: 이미지 등의 자원이 로딩되지 않으면, 검색엔진이 해당 자원을 인덱싱하지 못할 수 있습니다.

2. 기술적인 문제: 모든 브라우저에서 지원하지 않거나, 일부 브라우저에서는 지원하지만 정상적으로 작동하지 않을 수 있습니다.

3. 접근성 문제: 스크린 리더 등의 보조기기 사용자들이 웹 페이지의 모든 자원을 이용할 수 없을 수 있습니다.

따라서, Lazy-loading은 웹 페이지의 성능을 개선하고 대역폭을 절약하는 데에는 매우 유용하지만, SEO와 접근성 등의 문제를 고려하여 적절하게 사용해야 합니다.