- 웹개발 기초
- HTML/CSS/JAVASCRIPT
JavaScript Lazy Loading 이미지 성능 최적화 - IntersectionObserver로 불필요한 로딩 완벽 제거
긴 웹페이지를 스크롤할 때 모든 이미지가 미리 로드되면 초기 페이지 로딩 속도는 엄청나게 느려진다. 특히 전자상거래 사이트나 SNS처럼 이미지가 수십 개 이상인 페이지라면 사용자가 눈으로 볼 수 없는 아래쪽 이미지까지 다운로드하느라 네트워크와 브라우저 메모리가 낭비된다. 대부분의 개발자는 이미지 최적화의 중요성을 알면서도 단순히 만 쓰고 넘어간다. 이번에는···
1
0