JavaScript 이미지 지연 로딩 라이브러리 Echo.js_javascript 팁

Echo는 빠르고 작은 크기(1k 미만)이며 HTML5 data- 속성을 사용하는 독립적인 JavaScript 지연 이미지 로딩 도구입니다. 에코는 IE8+를 지원합니다.

플러그인 설명: Lazy Load와 마찬가지로 Echo.js도 이미지 지연 로딩을 위한 JavaScript입니다. 차이점은 Lazy Load는 jQuery 기반 플러그인인 반면, Echo.js는 jQuery나 다른 JavaScript 라이브러리에 의존하지 않고 독립적으로 사용할 수 있다는 것입니다. 그리고 Echo.js는 압축 후 1KB 미만으로 매우 작습니다.

호환성

Echo.js는 HTML5의 날짜 속성을 사용하며 이 속성의 값을 얻어야 하기 때문에 IE6, IE7과 호환되지 않습니다. 지연 로드도 HTML5 날짜 속성을 사용하지만 값을 얻는 방법은 다릅니다.

사용방법

　1. 파일 가져오기

　2. HTML

3. 자바스크립트

Echo.init({
offset: 0,
throttle: 0
});