점진적으로 바닐라 JS로 게으른 이미지로드

현대 웹 사이트는 모두 빠를 필요가 있습니다. 페이지 속도를 높이기위한 많은 기법과 플러그인이 있지만 여전히 어디서부터 시작해야할지 모를 수 있습니다..

점진적 스크립트는 페이지 속도를 높이기위한 훌륭한 리소스. 사용자가 페이지를 아래로 스크롤 할 때 점진적으로 사진을로드하는 지연로드 이미지 스크립트로 작동합니다..

무료 오픈 소스 프로젝트이므로 다운로드하여 모든 웹 사이트에서 실행할 수 있습니다. 플러스 100 % 바닐라 JS에서 실행되므로 체중을 줄일 수있는 의존성이 없습니다..

프로그레시브 홈페이지에서 라이브 데모를 살펴볼 수 있습니다..

전체 페이지의 고정 이미지 크기를 유지하기 때문에 다른 지연로드 스크립트와 약간 다릅니다. 이 이미지가 빠르게보기에로드 될 때마다 볼 수있는 너무 짜증나는 페이지 건너 뛰기 방지 콘텐츠 높이 늘리기.

이미지 자리 표시자는 실제로로드하는 이미지와 유사합니다. 최고!

이 깔끔한 기술로 방문객에게 이미지가로드되기 전에 미리보기. 그것은 자바 스크립트를 통해 처리되며, 페이지에서 사용자의 위치를 ​​확인하고 이미지가 표시 될 때 미리로드합니다..

점차적으로 상당히 광범위한 API 그래서 그것은 웹 개발자들에게 훌륭한 선택입니다. 기본 프론트 엔드 코딩에 대해 알고 있다면 설치 프로그램에서 기술을 얻을 수 있으므로 도움이됩니다..

그러나 전체 API 문서, 설정 지침 및 프로젝트에 복사 / 붙여 넣기 할 수있는 샘플 코드 스 니펫이 포함 된 주요 GitHub 페이지에 대해 자세히 배울 수 있습니다.

불쾌한 종속성없이 신뢰할 수있는 지연로드 이미지 스크립트가 필요하다면 점진적으로 샷을 제공하십시오. 완전히 무료이며 개발자를 위해 많은 사용자 정의 기능을 제공합니다..

또한 Progressively GitHub에서 더 많은 것을 배우고 다운로드 가능한 소스 코드를 확인하십시오..