lazyload1

• 

  [JS] 오프스크린 이미지를 지연(Lazyload) 로드 - lazysizes Lazysizes JS를 사용하여 웹 사이트 이미지에 오프스크린 이미지 지연(lazyload)를 적용시킬 수 있습니다. Lazy loading lazy loading은 페이지를 읽어 들이는 시점에 중요하지 않은 리소스 로딩을 추 후에 하는 기술입니다. 대신에 이 중요하지 않은 리소스들은 필요할 때 로드가 되어야 합니다. 이미지와 관련된 경우에는 중요하지 않은 리소스들은 "off-screen"와 함께 동기화가 됩니다. 누군가가 웹페이지(이미지, 비디오 등)에 리소스를 추가할 때, 리소스는 small placeholder를 참조합니다. 사용자가 웹페이지를 검색할 때 실제 리소스는 브라우저에 의해 캐시 되고 리소스가 사용자 화면에 표시될 때 placeholder를 대체합니다. 예를 들어, 사용자가 웹페이지를 .. FRONT-END/JAVASCRIPT 2022. 9. 12.