목록lazy-load (1)

우파루파의 개발 기록

[HTML] Image Lazy load가 무엇이고, 왜 필요할까

안녕하세요. 굉장히 오랜만에 글을 쓰는 것 같습니다. 대학교에 합격하게 돼서 눈코 뜰 새 없이 직대딩 생활을 하다가, 이제서야 1학기 종강을 해서 조금 여유가 생겼습니다. 최근에 회사에서 최적화 작업을 진행했었습니다. 완전히 각 잡고 최적화를 진행한 적이 거의 처음이라, 많은 내용을 알아보면서 진행했는데요. 전부터 Lazy image load는 '최적화를 한다면, 이 작업은 꼭 해야겠다' 싶었던 내용이었던지라 가볍게 다뤄볼게요. Image lazy load 이 작업은 말 그대로 이미지가 사용자 화면에 실질적으로 보이게 될 때 로드하는 기법을 말합니다. 기본적으로 웹 페이지는 로드와 동시에 포함된 이미지들도 함께 로드하게 됩니다. 사실 이건 단순히 생각해 봐도 좋지 않죠. 그나마 적을 땐 괜찮지만, 만약 ..
development/HTML | CSS | Vanilla JS 2022. 7. 5. 10:24
이전 Prev 1 Next 다음