오프스크린 이미지 지연 로드(lazy loading) 하기

안녕하세요. 이번 시간에는 웹페이지의 로딩 속도를 향상하는 데 중요한 역할을 하는 '오프스크린 이미지 지연 로딩'에 대해 이야기하려고 해요. 이 방법은 사용자가 아직 보지 않은 이미지의 로딩을 지연시킴으로써 페이지의 초기 로딩 속도를 크게 향상시키고, 불필요한 네트워크 트래픽을 줄이는 데 도움이 되죠. 이미지 지연 로딩을 구현하는 방법에는 두 가지가 있어요. 하나는 브라우저의 내장 기능을 활용하는 방법이고, 다른 하나는 자바스크립트를 이용하는 방법이에요. 이 두 가지 방법을 적절히 조합하여 사용하면 다양한 브라우저 환경에서도 최적의 로딩 성능을 달성할 수 있답니다. 1. 브라우저 자체 기능 브라우저에서 지원하는 기능이기 때문에 이미지 로딩을 쉽게 이미지 구현할 수 있어요. 위의 코드에서 loading="..