728x90 반응형 이미지 최적화1 웹 최적화 - Image LazyLoading Image LazyLoading 페이지 내에서 실제로 필요할 때까지 리소스의 로딩을 미루는 것 👆 전체 페이지에서 모든 이미지를 받아오지 않고 스크롤을 내릴 때마다 받아옴 페이지 초기 로딩 시 필요한 이미지 수를 줄일 수 있음 필요한 부분 먼저 받아오면서 필요하지 않은 사진들을 받아오지 않아도 되므로 유저가 빠르게 이용할 수 있고 비용이 감소함 적용 방법 html 은 img 태그의 src="이미지 주소" 를 읽으면 이미지를 무조건 로드함 lazy loading 을 위해서 src 속성이 아닌 다른 태그를 사용해서 이미지 url을 지정함 이렇게 이미지 로드를 사전에 막고, 언제 로딩할 것인지(뷰포트에 들어오면 로딩하라!) 알려주면 된다. 방법으로는 1. window scroll event 2. observe.. 2023. 4. 17. 이전 1 다음 728x90 반응형