LazyLoading1 HTML - 이미지 태그에 lazy loading 적용하기 웹의 화면을 그리는 로딩(렌더)시간은 짧으면 짧을 수록 좋다.결국 리소스를 서버에서 받아와 그리는 작업이기 때문에 마치 전투와 같이 어떤 병력을 선발대와 후발대로 배치하느냐의 전략과도 같다고 생각한다. 날쌔고 빠른 놈은 선발대로 보내고, 무겁고 느린놈은 후발대로 보내는 경우, 리소스 배치도 이와 비슷하다고 생각한다.웹 페이지 로딩시에 텍스트나 작은 섬네일처럼 무게가 가벼운 친구들은 그대로 보여주지만 스크롤을 내려야 만날 수 있는 애들은 내릴때쯤 느긋하게 보여주는 것도 방법이다. 이를 위해 여러 프레임워크의 라이브러리나 바닐라로 구현도 가능하겠지만, 이 포스팅에서는 브라우저 레벨에서의 attribute 로서의 lazy 에 대해서 최대한 심플하게 설명하고자 한다. 해외 블로그의 브라우저 로드에 관한 포스팅도.. 2024. 12. 27. 이전 1 다음 반응형