[Performance Optimization] Lazy Loading

Lazy Loading이란? 지연 로딩(Lazy Loading)은 초기 로딩 시간을 줄이고 페이지 로딩 속도를 개선하기 위한 기술로, 리소스들을 실제로 사용하는 시점에 로딩하는 것을 이릅니다. 특히, 이미지 최적화에 가장 많이 사용되는 기법입니다. 프로젝트를 진행하면서 랜딩 페이지의 렌더링이 너무 늦어 패널로 확인해보니 이미지를 불러오는 데 대부분의 시간을 소요하고 있는 것을 알 수 있었습니다. 그렇다면 이 문제를 어떻게 해결할 수 있을까요? 이 포스팅에서는 웹 페이지 리소스에서 가장 많은 지분을 차지하고 있는 이미지를 어떻게 최적화하고, 웹의 초기 로딩 속도를 개선할 수 있을지에 대해 알아봅니다. 왜 Lazy Loading인가? Lazy Loading을 사용하면 웹 페이지의 초기 로딩 속도가 개선되어 사용자들이 더 빠르게 페이지를 이용할 수 있습니다. 특히 이미지를 로딩하는데 소요되는 시간을 줄일 수 있어, 사용자들이 빠르게 이미지를 볼 수 있도록 해줍니다. 또한, 페이지에 필요한...

원문링크 : [Performance Optimization] Lazy Loading