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

Web Dev/8. 메모 2021. 2. 26. 13:42

728x90

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

Browser-level image lazy-loading for the web

This post covers the loading attribute and how it can be used to control the loading of images.

web.dev

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

Appending parameter to URL without refresh (0)	2021.05.27
JWT 란? (0)	2021.03.05
정규표현식 (0)	2021.02.24
Client-side storage: 브라우저를 통해 웹사이트가 유저의 컴퓨터에 데이터를 저장하는 여러 방법 (0)	2021.02.21
Linux Command: echo, \| 사용법 복습 (0)	2021.02.18

MyTutorials MyTutorials