profile
J-Web
post-thumbnail

웹 최적화를 위한 background-image lazyload

웹 페이지 로딩 타임을 당길 수 있는 의외의 방법이 있어서 사용 중이다.보통 페이지가 로딩될 때 하단부의 배경 이미지들은 뷰포트에 노출되지 않는다.아래 참고 이미지에서 Section 2, 3의 배경 이미지는 처음에 불필요하다.이러한 배경 이미지의 요청을 로딩 후로 미루

2022년 6월 2일
·
0개의 댓글
·
post-thumbnail

웹 최적화를 위한 image lazyload

페이지를 로딩하는 시점에서 불필요한 이미지 리소스의 요청을 미루는 기술이다. 초기 요청 수를 줄여 로딩 속도를 높이기 위함두 가지 방법을 정리했다.보통 javascript를 이용한 방법이 많이 사용되고 있지만 HTML loading 속성을 이용하면 쉽게 구현이 가능하다

2022년 5월 20일
·
0개의 댓글
·