lazy-loading

LazyLoad는 화면 아래쪽에 있는 이미지, 배경, 동영상, iframe 및 스크립트의 로딩을 뷰포트에 들어올 때까지 지연시켜 웹사이트 속도를 높여주는 가볍고 유연한 스크립트입니다. 순수 자바스크립트로 작성되었으며, IntersectionObserver를 활용하고 반응형 이미지를 지원하며 네이티브 지연 로딩을 활성화합니다.

반응형 이미지, iframe 등을 위한 고성능, 경량(~1kb), 설정 가능한 순수 JS 지연 로더로 종속성이 없습니다.

요소의 뷰포트 진입 및 이탈을 감지하는 Intersection Observer API의 React 구현체

TypeScript로 작성된 가볍고 유연하며 접근성 높은 슬라이더/캐러셀입니다. 의존성이 없고 Lighthouse 오류가 없습니다.

🎩✨🌈 OOP 프록시 래퍼/유틸리티 - 객체의 프록시를 생성하고 관리합니다

PHP 객체의 내보내기, 인스턴스화, 하이드레이션, 복제 및 지연 로딩을 위한 도구 제공

Vue에서 Facebook과 같은 가짜(프로그레시브) 콘텐츠를 렌더링하기 위한 조합 가능한 컴포넌트

창 스크롤 위치를 추적하기 위해 HOC를 사용하여 이미지와 컴포넌트를 지연 로드하는 React 컴포넌트

iOS와 Android 모두에서 쉽게 커스터마이징할 수 있는 react-native 드롭다운 컴포넌트

반응형 이미지 및 HTML 지연 로딩

Intersection Observer를 사용하여 이미지를 지연 로딩하고, 점진적 렌더링 및 CSS 애니메이션 적용

네이티브 브라우저 API를 활용하는 플레이스홀더 이미지용 범용 지연 로딩 라이브러리

nuxt-booster는 웹사이트의 Lighthouse 성능 점수(100/100)를 향상시키는 데 도움을 줍니다. 🚀

Docker 컨테이너 지연 로딩

$mol - 가장 빠른 반응형 마이크로 모듈식 컴팩트 유연한 지연 로딩 UI 웹 프레임워크

🦄 Hexo를 위한 우아한 테마

네이티브 lazy loading 및 loading='lazy' 속성을 위한 빠르고 가벼운 의존성 없는 바닐라 JavaScript 폴리필

Svelte로 데이터 테이블 컴포넌트를 생성하기 위한 툴킷