728x90
728x90
Image Lazy Loading 이란?
웹페이지에서 현재 보이는부분을 우선적으로 렌더링하고
보이지않는부분은 후순위로배치하여 웹 성능향상을 볼수있습니다.
또, 트래픽으로 인해 발생하는 서버비용을 절감할 수 있습니다.
사용방법
html 표준 지연로딩기능으로 img에 loading="lazy" 을 추가해서 사용 가능합니다.
<img src="./image.jpg" loading="lazy">
Can I use Lazy loading?
구형 브라우저들과 애플 계열 웹 브라우저들은 지연 로딩이 지원되지 않습니다.
반응형
'Code > Html' 카테고리의 다른 글
홈페이지에서 신청 시 받는 메일 만들기 (폼메일) (0) | 2023.01.26 |
---|---|
페이지 내에서 탭으로 변경하는 컨텐츠 (0) | 2023.01.25 |
확장자 .htm과 .html의 차이점 (0) | 2023.01.04 |
유튜브 썸네일 이미지 가져오기 (0) | 2022.12.08 |
영상 종료 후 이벤트가 발생하도록 구현하기 (0) | 2022.12.08 |