Projects in Awesome Lists tagged with lazy-loading

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: 12 May 2025

https://github.com/apoorvsaxena/lozad.js

🔥 Highly performant, light ~1kb and configurable lazy loader in pure JS with no dependencies for responsive images, iframes and more

hacktoberfest html images javascript lazy-loading lazyload performance

Last synced: 14 May 2025

https://github.com/ApoorvSaxena/lozad.js

🔥 Highly performant, light ~1kb and configurable lazy loader in pure JS with no dependencies for responsive images, iframes and more

hacktoberfest html images javascript lazy-loading lazyload performance

Last synced: 13 Mar 2025

https://github.com/thebuilder/react-intersection-observer

React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.

hook hooks intersection-observer intersectionobserver intersectionobserver-api lazy-loading monitor performance react react-hooks reactjs scrolling viewport visibility

Last synced: 12 May 2025

https://github.com/splidejs/splide

Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.

autoplay breakpoints carousel drag gallery javascript lazy-loading lightweight react slider svelte swipe typescript vue

Last synced: 13 May 2025

https://github.com/Splidejs/splide

Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.

autoplay breakpoints carousel drag gallery javascript lazy-loading lightweight react slider svelte swipe typescript vue

Last synced: 14 Mar 2025

https://github.com/ocramius/proxymanager

🎩✨🌈 OOP Proxy wrappers/utilities - generates and manages proxies of your objects

aop lazy-loading oop proxy

Last synced: 12 May 2025

https://github.com/Ocramius/ProxyManager

🎩✨🌈 OOP Proxy wrappers/utilities - generates and manages proxies of your objects

aop lazy-loading oop proxy

Last synced: 03 Apr 2025

https://github.com/tomastrajan/angular-ngrx-material-starter

Angular, NgRx, Angular CLI & Angular Material Starter Project

angular angular-cli angular-material bootstrap4 lazy-loading material-design ngrx starter-project

Last synced: 14 May 2025

https://github.com/symfony/var-exporter

Allows exporting any serializable PHP data structure to plain PHP code

clone component construct export hydrate instantiate lazy-loading php proxy serialize symfony symfony-component

Last synced: 14 May 2025

https://github.com/michalsnik/vue-content-placeholders

Composable components for rendering fake (progressive) content like facebook in vue

fake-content lazy-loading loader progressive-rendering skeleton vue vue-components

Last synced: 10 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: 14 May 2025

https://github.com/wellyshen/react-cool-inview

😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).

animations component hook impressions intersection-observer inview lazy-loading monitor performance react scroll-direction scrolling typescript viewport visibility

Last synced: 13 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/malchata/yall.js

A fast, flexible, and small SEO-friendly lazy loader.

autoplay background image lazy-load lazy-loading lazyload lazyload-script lazyloading performance poster video webperf

Last synced: 29 Apr 2025

https://github.com/wellyshen/react-cool-virtual

😎 ♻️ A tiny React hook for rendering large datasets like a breeze.

carousel chatroom dom-recycle dynamic-size feeds hook infinite-scroll lazy-loading list memory performance react resize server-side-rendering smooth-scrolling sticky-headers table typescript virtualization virtualized

Last synced: 15 May 2025

https://github.com/hoaphantn7604/react-native-element-dropdown

A react-native dropdown component easy to customize for both iOS and Android.

components dropdown elements lazy-loading load-more material multiselect picker react-native select select-country

Last synced: 14 May 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: 15 May 2025

https://github.com/dkern/jquery.lazy

A lightweight, fast, feature-rich, powerful and highly configurable delayed content, image and background lazy loading plugin for jQuery & Zepto.

background-image images javascript jquery jquery-lazy jquery-plugin lazy lazy-load lazy-loading lazyload lazyloading pagespeed zepto

Last synced: 11 Apr 2025

https://github.com/eisbehr-/jquery.lazy

A lightweight, fast, feature-rich, powerful and highly configurable delayed content, image and background lazy loading plugin for jQuery & Zepto.

background-image images javascript jquery jquery-lazy jquery-plugin lazy lazy-load lazy-loading lazyload lazyloading pagespeed zepto

Last synced: 31 Dec 2024

https://github.com/alexjoverm/v-lazy-image

Lazy load images using Intersection Observer, apply progressive rendering and css animations.

javascript lazy-loading vue web-performance

Last synced: 15 May 2025

https://github.com/johannschopplich/unlazy

🪧 Universal lazy loading library for placeholder images leveraging native browser APIs

blurhash lazy-loading lazyload placeholder

Last synced: 14 May 2025

https://github.com/wellyshen/react-cool-img

😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro!

auto-retry component img intersection-observer lazy-loading performance-optimization placeholder react seo ssr typescript ui ux

Last synced: 15 May 2025

https://github.com/tjoskar/ng-lazyload-image

🖼 A small library for lazy loading images for Angular apps with zero dependencies

angular lazy-loading

Last synced: 15 May 2025

https://github.com/basics/nuxt-booster

nuxt-booster will help you to improve the lighthouse performance score (100/100) of your website. 🚀

above-the-fold critical-rendering-path font font-loading hydration image image-loading lazy-loading lighthouse nuxt nuxt-font nuxt-module nuxt-modules nuxtjs page-experience-score performance vue vuejs web-vitals webfonts

Last synced: 14 May 2025

https://github.com/fulls1z3/universal

Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Webpack, CLI scaffolding, dev/prod modes, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer

angular angular-cli aot cache config hmr i18n isomorphic javascript lazy-loading ngrx scss seed seo server-side-rendering starter state typescript universal webpack

Last synced: 13 Apr 2025

https://github.com/hyoo-ru/mam_mol

$mol - fastest reactive micro-modular compact flexible lazy ui web framework.

bem bundler components framework isomorphic javascript lazy-evaluation lazy-loading lazy-rendering mam micro-modular mol oorp reactivity self-descriptive typescript virtual-rendering

Last synced: 15 May 2025

https://github.com/vmorganp/lazytainer

Docker container lazy loading

container container-image docker docker-compose docker-container dockerfile energy-efficiency go golang greenit hacktoberfest hacktoberfest2021 lazy lazy-loading lazyload self-hosted sustainability

Last synced: 15 May 2025

https://github.com/vmorganp/Lazytainer

Docker container lazy loading

container container-image docker docker-compose docker-container dockerfile energy-efficiency go golang greenit hacktoberfest hacktoberfest2021 lazy lazy-loading lazyload self-hosted sustainability

Last synced: 08 Apr 2025

https://github.com/liuyib/hexo-theme-stun

🦄 An elegant theme for Hexo

comments hexo hexo-theme languages lazy-loading liuyib responsive-design stun-hexo waterfall-flow

Last synced: 20 Mar 2025

https://github.com/mfranzke/loading-attribute-polyfill

Fast and lightweight dependency-free vanilla JavaScript polyfill for native lazy loading / the awesome loading='lazy'-attribute.

html5 javascript lazy-loading native-lazy-loading polyfill vanilla-js web-development

Last synced: 14 May 2025

https://github.com/mhaagens/react-mobx-react-router4-boilerplate

React, React-Router 4, MobX and Webpack 2-boilerplate with async routes.

async boilerplate lazy-loading mobx react react-router

Last synced: 04 Apr 2025

https://github.com/vincjo/datatables

A toolkit for creating datatable components with Svelte

datatable datatables filter headless lazy-loading pagination selection simple sort svelte sveltejs table

Last synced: 12 Apr 2025

https://github.com/damienbod/angularwebpackvisualstudio

Template for ASP.NET Core, Angular with Webpack and Visual Studio

angular aot aspnet-core aspnetcore hmr lazy-loading template typescript visual-studio webpack

Last synced: 04 Apr 2025

https://github.com/damienbod/AngularWebpackVisualStudio

Template for ASP.NET Core, Angular with Webpack and Visual Studio

angular aot aspnet-core aspnetcore hmr lazy-loading template typescript visual-studio webpack

Last synced: 16 Mar 2025

https://github.com/fkhadra/react-on-screen

Check if a react component in the viewport

lazy-loading react screen viewport visibility

Last synced: 16 May 2025

https://github.com/aslemammad/vitext

The Next.js like React framework for better User & Developer experience!

browser componnets esbuild esm lazy-loading nextjs node preact react rollup server-side-rendering ssg ssr vite vitext

Last synced: 17 Jan 2025

https://github.com/Aslemammad/vitext

The Next.js like React framework for better User & Developer experience!

browser componnets esbuild esm lazy-loading nextjs node preact react rollup server-side-rendering ssg ssr vite vitext

Last synced: 11 Apr 2025

https://github.com/hadeeb/react-lazy-hydration

Lazy Hydration for Server Rendered React Components

hydration lazy-loading react ssr

Last synced: 26 Mar 2025

https://github.com/metonym/svelte-intersection-observer

Detect if an element is in the viewport using the Intersection Observer API

conditional intersection-event intersection-observer lazy-loading svelte svelte-component typescript-definitions viewport

Last synced: 15 May 2025

https://github.com/subotkevic/vue-lazy-image-loading

Vue lazy image and background loading plugin.

background image lazy-images lazy-loading placeholder-image vue

Last synced: 05 Apr 2025

https://github.com/angular-extensions/elements

Lazy load Angular Elements (or any other web components / custom elements ) with ease!

angular angular-elements custom-elements lazy-loading micro-frontends microfrontends web-components

Last synced: 16 May 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/andreruffert/progressive-image-element

⚡️ Progressively enhance image placeholders once they are in the viewport

custom-element lazy-loading placeholder-image progressive-image web-component

Last synced: 16 May 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/fpapado/react-lazy-images

🖼️ 🛋️ Components and utilities for lazy image loading in React

component images intersection-observer lazy-loading react

Last synced: 12 Apr 2025

https://github.com/avilum/linqit

Extend python lists operations using .NET's LINQ syntax for clean and fast coding.

awesome batch-processing clean clean-code csharp development-tools dotnet efficiency filters lazy-loading linq metadata metaprogramming powerful python python3 pythonic robustness syntax

Last synced: 12 Feb 2025

https://github.com/ganatan/angular-ssr

Angular 19 Example SSR (Server Side Rendering)

angular angular14 angular16 angular17 angular18 angular19 bootstrap5 example-app example-project lazy-loading routing server-side-rendering server-side-rendering-angular ssr

Last synced: 16 May 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: 14 May 2025

https://github.com/yosbelms/react-progressive-loader

Utility to load images and React components progressively, and get code splitting for free

img lazy-loading lazyload loadable medium progressive react reactjs

Last synced: 16 May 2025

https://github.com/yifaneye/react-gallery-carousel

Carousel component 🎠🎠🎠 supporting touch, mouse, keyboard, thumbnails, fullscreen, lazy loading, SSR and customisations. 👉 Live editor: https://yifanai.com/rgcd1 👉 Example: https://koalaliving.com.au/Arya-Sand-Beige-Vegan-Leather-Dining-Chair

accessibility carousel component css dependency-free gallery html javascript lazy-loading lightbox mouse-emulation react reactjs responsive rtl slide slider swipe thumbnails touch

Last synced: 04 Apr 2025

https://github.com/jineshfrancs/LazyLoadingViews

Loading effect for the child views in Adapter View before binding data from service.

lazy-loading list

Last synced: 20 Apr 2025

https://github.com/18alantom/synth

An attempt at making a synth using Python

lazy-loading python synth

Last synced: 20 Dec 2024

https://github.com/bdrtsky/nuxt-dev-to-clone

Build DEV.TO clone with Nuxt.js and new `fetch` hook

api fetch lazy-loading neomorphism neumorphism nuxt nuxtjs vue

Last synced: 12 May 2025

https://github.com/nolimits4web/skeleton-elements

Skeleton elements - UI for improved perceived performance

lazy-loading loader placeholder react skeleton skeleton-elements skeleton-loading svelte vuejs

Last synced: 06 Apr 2025

https://github.com/srwiez/thumbhash

Thumbhash implementation in PHP

image lazy-loading php thumbhash

Last synced: 16 May 2025

https://github.com/guillaumebriday/todolist-frontend-vuejs

Front-end application for Todolist Web application built with Laravel and Vue.js

axios docker docker-compose hmr laravel-echo lazy-loading momentjs netlify spa tailwindcss vue-router vuejs vuex webpack webpack-dev-server

Last synced: 14 Apr 2025

https://github.com/nvim-neorocks/lz.n

🦥 A dead simple lazy-loading Lua library for Neovim plugins.

lazy-loading neovim neovim-plugin nvim nvim-plugin plugin

Last synced: 05 Apr 2025

https://github.com/SRWieZ/thumbhash

Thumbhash implementation in PHP

image lazy-loading php thumbhash

Last synced: 31 Mar 2025

https://github.com/modularorg/modularload

□ Dead simple page transitions and lazy loading.

fetch javascript lazy-loading page-transitions pjax pushstate

Last synced: 19 Dec 2024

https://github.com/michalsnik/ember-content-placeholders

Composable components for rendering fake (progressive) content like facebook

ember ember-addon fake-content lazy-loading loader progressive-rendering

Last synced: 13 Apr 2025

https://github.com/onweru/hugo-swift-theme

A simple open source theme for publishing with hugo

deeplinks gallery hugo hugo-theme lazy-loading sass staticman

Last synced: 04 Apr 2025

https://github.com/merri/react-lazy

Universal lazy loader components using IntersectionObserver for React

lazy-load lazy-loading lazyload react react-component react-components reactjs

Last synced: 09 Apr 2025

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/chartjs/chartjs-plugin-deferred

Chart.js plugin to defer initial chart updates

chartjs lazy-loading plugin

Last synced: 05 May 2025

https://github.com/adgadev/jplusone

Tool for automatic detection and asserting "N+1 SELECT problem" occurences in JPA based Spring Boot Java applications and finding origin of JPA issued SQL statements in general

hibernate instrumentation java jdbc jpa jvm lazy-loading microservice n-plus-1 optimization orm performance-analysis performance-testing spring-boot spring-data-jpa sql tracing

Last synced: 13 Apr 2025

https://github.com/liangklfangl/webpack-core-usage

webpack2完整系列课程，欢迎阅读。同时欢迎移步我的react全家桶文章全集: https://github.com/liangklfangl/react-article-bucket

babel compilation compiler es6 hmr lazy-loading nodejs react-router tree-shaking webpack webpack-boilerplate webpack-configuration webpack-demos webpack-dev-server webpack-loader webpack-plugin webpack2

Last synced: 12 Feb 2025

https://github.com/bayareawebpro/laravel-micro.js

A Laravel inspired front-end framework for JavaScript artisans.

config ioc-container javascript laravel laravel-micro lazy-loading middleware react service-provider vue

Last synced: 04 Apr 2025

https://github.com/kdevo/osprey-delight

Osprey Delight is the free-minded artist's choice for a clutter-free and blazingly fast single-page portfolio.

contact-form developer-portfolio fast gallery homepage hugo hugo-mods hugo-theme lazy-loading lqip minimalistic pagespeed-insights personal personal-site portfolio

Last synced: 26 Nov 2024

https://github.com/ooade/pimg

:camera: Mini Image Lazy Loader for P(R)eact and Vue

cloudinary image image-processing lazy lazy-loading preact react

Last synced: 01 Apr 2025

https://github.com/lorti/dominant-colors-lazy-loading-wordpress-plugin

This plugin allows you to lazy load your images while showing the dominant color of each image as a placeholder – like Pinterest or Google Images.

dominant-colors lazy-loading tiny-thumbnails wordpress wordpress-plugin

Last synced: 30 Apr 2025

https://github.com/thanhlmm/next-lazy-hydrate

Optimize nextjs performance by lazy load and hydrate under the fold

lazy-loading nextjs performance

Last synced: 13 Apr 2025

https://github.com/Bajena/ams_lazy_relationships

ActiveModel Serializers addon for eliminating N+1 queries problem from the serializers.

batch-loading lazy-loading rails ruby serialization serializer

Last synced: 24 Nov 2024

https://github.com/bajena/ams_lazy_relationships

ActiveModel Serializers addon for eliminating N+1 queries problem from the serializers.

batch-loading lazy-loading rails ruby serialization serializer

Last synced: 09 Apr 2025

https://github.com/andrewboryk/ABMediaView

Media view which subclasses UIImageView, and can display & load images, videos, GIFs, and audio and from the web, and has functionality to minimize from fullscreen, as well as show GIF previews for videos.

audio audio-player avplayer display-video displaying-videos fullscreen gif gifs image imageview lazy-loading minimization mp3 music-player preview swipe uiimageview video video-player youtube-style

Last synced: 06 Dec 2024

https://github.com/jesusbotella/ngx-lazy-load-images

Image lazy load library for Angular 2+

angular angular10 angular11 angular2 angular4 angular9 angularuniversal images intersection-observer intersectionobserver lazy-load lazy-loading mutationobserver

Last synced: 06 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/Automattic/lazy-load

Lazy load images on your WordPress site to improve page load times and server bandwidth.

lazy-loading wordpress wordpress-plugin wpvip-plugin

Last synced: 02 Apr 2025

https://github.com/alexandre-daubois/lazy-stream

Write and read data to and from streams, only when it is really needed to

iterator lazy-loading php stream

Last synced: 01 Apr 2025

https://github.com/ganatan/angular-react-seo

Angular 19 & React 18 Examples SEO (Search engine optimization)

angular angular-cli angular14 angular16 angular17 angular18 angular19 bootstrap5 example-app lazy-loading pwa react-helmet react-helmet-async react18 routing search-engine-optimization server-side-rendering-angular ssr

Last synced: 06 Apr 2025

https://github.com/naver/egjs-imready

I'm Ready to check if the images or videos are loaded!

egjs image lazy-loading react ready video

Last synced: 09 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/bkwld/vue-visual

Vue 2 image and video loader supporting lazy loading, background videos, fixed aspect ratios, low rez poster images, transitions, loaders, slotted content and more.

intersectionobserver lazy-loading loader srcset video-player vue

Last synced: 05 Apr 2025

https://github.com/matt-jensen/ember-cli-g-maps

Deprecated Google Maps Addon

ember ember-addon emberjs google-maps lazy-loading

Last synced: 20 Dec 2024

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/ganatan/angular-react-bootstrap

Angular 19 & React 18, Bootstrap 5 , FontAwesome 6

angular angular16 angular17 angular18 angular19 bootstrap bootstrap5 collapse create-react-app eslint example lazy-loading react react-router react-router-dom react18 router routing starter

Last synced: 06 Apr 2025

https://github.com/ganatan/angular-react-lazy-loading

Angular 19 & React 18 Examples Lazy Loading

angular angular16 angular17 angular18 angular19 create-router-dom lazy-loading react react18 router routing starter suspense

Last synced: 09 Apr 2025

https://github.com/lecousin/lc-spring-data-r2dbc

An extension of spring-data-r2dbc to provide features such as relationships, joins, cascading save/delete, lazy loading, sequence, schema generation, composite id

cascade lazy-loading orm r2dbc relationships schema spring spring-data spring-data-r2dbc