LazyLoading Iframe
최종 수정일: | #잡담iframe 요소를 lazyload 시키는 라이브러리들은 많습니다. 하지만 전 직접 만들어 보기로 했습니다. 아래의 유튜브 썸네일을 클릭하면 동영상이 재생됩니다.
iframe을 처음부터 로딩시키는 것은 페이지 속도에 많은 영향을 끼치므로 썸네일만 미리 로딩해 두고 썸네일을 클릭하면 iframe 요소가 콘텐츠에 삽입되도록 만들어 보았습니다.
iframe 요소를 lazyload 시키는 라이브러리들은 많습니다. 하지만 전 직접 만들어 보기로 했습니다. 아래의 유튜브 썸네일을 클릭하면 동영상이 재생됩니다.
iframe을 처음부터 로딩시키는 것은 페이지 속도에 많은 영향을 끼치므로 썸네일만 미리 로딩해 두고 썸네일을 클릭하면 iframe 요소가 콘텐츠에 삽입되도록 만들어 보았습니다.
댓글 없음