img Lazy loading: loading="lazy" 옵션을 사용하자

img lazy loading을 구현하기 위해서 별의별 기법을 다 써보곤 했는데, 브라우저 단에서 아주 잘 지원하고 있다. (크롬 기준)

 

web.dev/browser-level-image-lazy-loading/

Browser-level image lazy-loading for the web

 

<img src="image.png" loading="lazy" alt="…" width="200" height="200">