Projects in Awesome Lists tagged with lazyload-images

https://github.com/verlok/vanilla-lazyload

LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.

hacktoberfest iframes images intersectionobserver lazy-loading lazy-sizes lazyload lazyload-iframes lazyload-images lazyload-script lazyload-videos picture picture-tag responsive-images srcset srcset-sizes vanilla-javascript vanilla-js videos webp

Last synced: 22 Apr 2025

https://github.com/Aljullu/react-lazy-load-image-component

React Component to lazy load images and components using a HOC to track window scroll position.

hoc intersection-observer intersectionobserver lazy-loading lazyload lazyload-images react react-component react-lazy react-lazy-load react-lazy-module react-performance reactjs server-side-rendering ssr

Last synced: 12 Apr 2025

https://github.com/aljullu/react-lazy-load-image-component

React Component to lazy load images and components using a HOC to track window scroll position.

hoc intersection-observer intersectionobserver lazy-loading lazyload lazyload-images react react-component react-lazy react-lazy-load react-lazy-module react-performance reactjs server-side-rendering ssr

Last synced: 08 Apr 2025

https://github.com/Paul-Browne/lazyestload.js

load images only when they are in (and remain in) the viewport

javascript lazyload-images progressive-enhancement

Last synced: 17 Apr 2025

https://github.com/paul-browne/lazyestload.js

load images only when they are in (and remain in) the viewport

javascript lazyload-images progressive-enhancement

Last synced: 01 Apr 2025

https://github.com/ivopetkov/responsively-lazy

Lazy load responsive images and HTML

css html javascript lazy lazy-load lazy-loading lazyload lazyload-images lazyloading webp

Last synced: 07 Apr 2025

https://github.com/beekai-oss/react-simple-img

🌅 React lazy load images with IntersectionObserver API and Priority Hints

animation hints images-lazy intersectionobserver lazyload lazyload-images placeholder priority responsive-images

Last synced: 12 Apr 2025

https://github.com/alterebro/accessible-image-lazy-load

😴 gandul! accessible lazy loading images

accessibility accessible images lazy lazy-loading lazyload lazyload-images

Last synced: 09 Apr 2025

https://github.com/runkids/Imagvue

:rice_scene: Imagvue is an image component for Vue.js

css-filter-wrapper css-filters image-filters javascript lazy-loading lazyload-images vue vue-components

Last synced: 28 Mar 2025

https://github.com/k3nsei/ng-in-viewport

Allows us to check if an element is within the browsers visual viewport

angular angular-10 angular-11 angular-12 angular-13 angular-14 angular-15 angular-16 angular-17 hacktoberfest infinite-scroll intersection-observer lazy-loading lazyload lazyload-images ng viewport visibility

Last synced: 19 Nov 2024

https://github.com/zhbhun/react-native-intersection-observer

React Native component that monitors when an element enters or leaves the client viewport.

intersection-observer lazy-loading lazyload lazyload-images react react-native

Last synced: 06 Apr 2025

https://github.com/barretlee/lazyload

Lazyload images or lazy execute scripts. （图片脚本懒加载）

javascript lazyload lazyload-images lazyload-script

Last synced: 24 Apr 2025

https://github.com/stereobooster/guide-to-async-components

📖 Guide To JavaScript Async Components

async code-splitting lazy-loading lazyload lazyload-images loading react responsive-images

Last synced: 12 Apr 2025

https://github.com/lowesyang/vue-lazyload-images

A plugin of lazy-load images for Vue2.x

lazy-loading lazyload-images vue vue-components vue-lazyload-images vue-plugin vue2

Last synced: 05 Apr 2025

https://github.com/gildesmarais/jekyll-loading-lazy

🧙🏽‍♀️ Automatically adds loading="lazy" to <img> and <iframe> tags. Load images on your sites lazily without JavaScript.

iframe iframes image img jekyll jekyll-plugin lazy lazy-load lazy-load-img lazy-loading lazyload lazyload-images lazyloading loading loading-lazy native pagespeed performance webperformance webvitals

Last synced: 14 Mar 2025

https://github.com/magepal/magento2-catalog-lazy-load

Improve the load time of your Magento 2 categories pages by loading your images on demand with our Lazy Load Extension

adobe-commerce adobe-commerce-cloud catalog-images-lazy lazy-loading lazyload lazyload-images lazyloading magento magento-extension magento2 magento2-extension magento2-module magepal

Last synced: 31 Mar 2025

https://github.com/femessage/v-img

📸Use webp and lazyload images

image-processing img lazyload-images webp

Last synced: 24 Apr 2025

https://github.com/jawil/lazyimages

基于ES6的轻量级，高性能，简便的图片懒加载 🐈

es6 javascript js lazy lazy-loading lazyload-images plugin

Last synced: 14 Apr 2025

https://github.com/snewcomer/intersection-observer-admin

Intersection Observer Admin for better performance

intersection-observer intersectionobserver-api lazy-loading lazyload-images performance

Last synced: 10 Apr 2025

https://github.com/maxisam/ngx-progressive-image-loader

lazy load img/picture, prevent reflow and seo friendly.

angular image-lazy-load lazyload lazyload-images progressive-image

Last synced: 13 Feb 2025

https://github.com/freqdec/peekaboo

Know when elements are about to scroll into the viewport

intersectionobserver lazy-loading lazyload-images

Last synced: 14 Apr 2025

https://github.com/wp-media/rocket-lazy-load

Standalone LazyLoad plugin for WordPress (based on WP Rocket)

lazy-load lazy-loading lazyload lazyload-images lazyloading

Last synced: 14 Apr 2025

https://github.com/srigar/react-lazyloading

React Lazy Loading - Lazy load the component or anything by using Intersection Observer API

infinite-scroll intersection-observer intersectionobserver-api lazy-load-component lazy-loading lazyload-component lazyload-images react-lazy-load react-lazy-loading react-lazyload reactjs useintersectionobserver viewport virtual-load-component virtual-scroll

Last synced: 12 Nov 2024

https://github.com/snewcomer/raf-pool

requestAnimationFrame pool to avoid busyness on the thread

lazyload lazyload-images performance requestanimationframe

Last synced: 15 Apr 2025

https://github.com/jlengstorf/responsive-lazyload.js

A JavaScript module to lazyload images in a responsive, lightweight way (with fallbacks for unsupported browsers).

css html javascript lazy-load lazy-loading lazyload lazyload-images

Last synced: 19 Mar 2025

https://github.com/adhocore/twig-yall

Resource lazy loader extension for twig using malchata/yall.js

adhocore defer-loading image-lazy-load image-lazyload lazy-load lazy-loading lazy-video lazyload-images lazyloading twig-extension twig-lazy-load twig-lazy-loader

Last synced: 15 Apr 2025

https://github.com/wewoor/sloth

a simple images lazy load plugin.

lazy-loading lazyload-images

Last synced: 11 Apr 2025

https://github.com/ccherry07/vue-lazy-load-image-component

VueComponent to lazy load images and components using a HOC to track window scroll position.

lazyload-component lazyload-image lazyload-images vue vue-performance vue3-components

Last synced: 23 Mar 2025

https://github.com/webistomin/posthtml-lazyload

:sparkles: PostHTML plugin to add native lazyload attribute

lazy-loading lazyload lazyload-images post-processing posthtml-lazyload

Last synced: 11 Mar 2025

https://github.com/mamal72/react-use-lazy-images

⚛️ Minimal zero dependency lazy load images solution with a simple React Hook for all images of an element

hooks lazy-loading lazyload-images react react-hooks reactjs

Last synced: 01 Apr 2025

https://github.com/fsaris/lazy_load_placeholder

Dominant image color for lazy loading images in TYPO3

color-thief lazyload-images typo3

Last synced: 13 Apr 2025

https://github.com/rodneylab/sveltekit-simple-image-gallery

Simple Svelte responsive image gallery: create a ribbon gallery, using Svelte dimension bindings to maintain the aspect ratio of all images.

image-gallery lazyload-images next-gen responsive-images responsive-layout svelte sveltekit vite-imagetools

Last synced: 26 Apr 2025

https://github.com/eneax/gatsby-restaurant

🍔 Responsive restaurant website built with Gatsby and Contentful

contentful gatsbyjs graphql jamstack lazyload-images netlify reactjs responsive-design restaurant-website static-site-generator styled-components

Last synced: 04 Apr 2025

https://github.com/oguzhan18/easy-lazy

LazyLoad is a lightweight JavaScript library for lazy loading images with various customization options. It improves performance by loading images only when they are about to enter the viewport.

image-lazyload javascript javascript-library lazyload lazyload-images library load-testing

Last synced: 18 Nov 2024

https://github.com/biosboy/progressiveimage

Lazy Image loading with React Hooks. The reproduction for Medium article:

images javascript jpeg js lazy lazy-loading lazy-loading-images lazyload-images png

Last synced: 12 Apr 2025

https://github.com/itaditya/trace-lazy-load

Experimenting with webpack and Trace to build a cool lazy load feature in which an image is substituted with it's tracing till it loads

lazyload-images webpack

Last synced: 06 Apr 2025

https://github.com/nestednet/lazier

Lazier.js - lazy loading images

images javascript javascript-library lazy-loading lazyload lazyload-images

Last synced: 19 Nov 2024

https://github.com/codelinered/gulp-skeleton

Skeleton to create templates with Gulp

bootstrap bootstrap4 cookie cookieconsent cssua docker font-awesome fontawesome gulp jquery lazyload lazyload-images skeleton slick slick-carousel user-agent

Last synced: 13 Apr 2025

https://github.com/prthub/euphoria-ecommerceapplication

Euphoria presents a online shopping experience catering to Men, Women, and Kids.

ecommerce-website lazyload-images react-helmet-async react-hooks react-icons react-lazy-load-image-component react-redux react-router-dom react-select react-toastify reactjs redux-persist redux-toolkit swiper-js tailwind-css vite

Last synced: 19 Feb 2025

https://github.com/basemax/lazyloadingjs

Most Lazy loading libraries force you to change src to data-src and use a fake/empty image in src. But this library can provide a Lazy Loading feature without changing your image or document elements. Pure JavaScript without JQuery or extra code.

javascript js lazy-loading lazyload lazyload-images lazyload-img lazyloading

Last synced: 03 Apr 2025

https://github.com/saltas888/react-yall

Lazy load images/videos/iframes A react wrapper for yall.js using React Context.

lazy-load lazy-loading lazyload lazyload-images react react-lazy react-lazy-load

Last synced: 01 Mar 2025

https://github.com/nidhish-nayak/nidhish-blog

My personal blog using Astro framework. Integrated with typescript & preact. A better way of lazy loading images is also implemented for faster render times.

astro blog javascript lazyload-images markdown preact ssr typescript

Last synced: 12 Mar 2025

https://github.com/lukecav/blazy-lazy-loading

Blazy WordPress plugin which uses bLazy.js for lazy loading images, not finished off.

blazy lazy-load lazyload lazyload-images lazyloading wordpress wordpress-plugin

Last synced: 21 Mar 2025

https://github.com/aayusharora/lazyspider

Pexels Scrapper with Lazy Loading

lazyload-images pexels scrapper

Last synced: 24 Mar 2025

https://github.com/func-star/mor-lazyload-img

Mona系列 - React图片懒加载

lazyload lazyload-images lazyload-img mona monajs

Last synced: 21 Mar 2025

https://github.com/mainawycliffe/angular-images-lazy-loading-demo

How to Lazy Load Images in Angular

angular angular6 images lazy-loading lazyload-images

Last synced: 25 Feb 2025

https://github.com/dipcode-software/jquery-laziness

jQuery plugin to images lazy loading

image-loader jquery jquery-plugin lazyload-images

Last synced: 13 Mar 2025

https://github.com/landofcoder/module-lazyload

free magento 2 lazyload images

lazyload-images magento2 magento2-extension magento2-extension-free

Last synced: 09 Apr 2025

https://github.com/sharun266/movie_mania

"Movie Mania" is a movie platform that provides movie ratings, reviews, and trailers for users to make informed decisions about which movies to watch. It offers a search feature to find movies based on genre, rating, and release date, making it the perfect tool for anyone looking to enhance their movie-watching experience.

api axios dayjs lazyload-images reactjs reactplayer redux sass

Last synced: 31 Mar 2025

https://github.com/krazete/ailog

An attendance log for Kizuna AIs' videos for when love-pii held the AI identity.

kizuna-ai lazy-loading lazyload-images youtube

Last synced: 04 Mar 2025

https://github.com/kishanlalchoudhary/disney-clone

This repository features a clone of Disney+'s home. Built with modern tools and leveraging external APIs, the clone offers a visually appealing and user-friendly interface.

axios html lazyload-images react reactjs tailwindcss tailwindcss-plugin tmdb-api vercel vite vite-plugin