티스토리 블로그 이미지 지연 로딩(Lazyload)으로 최적화하는 방법
·
IT 활동/티스토리
어두운 배경이 싫으시다면 페이지 우측 하단에 보이는 초승달 모양의 아이콘을 클릭하면 화이트모드로 변경됩니다.초승달 모양 버튼 : `화이트/다크 모드` 전환 티스토리 블로그를 사용할 때 본문에 첨부된 이미지를 한 번에 로드하지 않고 스크롤을 내리는 것에 맞추어 화면에 보이는 시점에 로딩하는 방법에 대한 설명입니다. 이 방법은 사실상 구글 광고의 이미지 때문에 사용하는 방법으로 블로그에 본인이 직접 첨부하는 이미지의 경우 구글의 webp 파일 포맷을 사용하면 수십 KB 수준으로 작은 용량이기 때문에 로딩 시간이 짧습니다. 그래서 해당 방식을 적용하더라도 눈으로 확인하기는 어렵습니다. 다만 일부 광고는 이미지 용량이 클 수 있어서 로드가 오래걸리거나 중간에 로드 실패해서 광고가 나타나지 않을 수 있습니다. 이..