Top 19 JavaScript lazy-loading Projects

lazy-loading

• Add a project

• vanilla-lazyload

  9 7,721 8.6 JavaScript

  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.

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

• lozad.js

  2 7,458 0.0 JavaScript

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

  Project mention: Optimizing Images for Developer Blogs | dev.to | 2024-02-20

  Use a JavaScript library to implement lazy loading. There are a number of JavaScript libraries available that can help you implement lazy loading, such as Lazysizes and Lozad.

• vue-content-placeholders

  1 1,585 0.0 JavaScript

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

• react-lazy-load-image-component

  1 1,460 4.5 JavaScript

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

• yall.js

  2 1,367 0.0 JavaScript

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

• angular-app

  1 714 9.3 JavaScript

  Angular 19 Fullstack Application: SSR, PWA, SEO, and Scalable Node.js Typescript & Javascript Backend with MySQL, PostgreSQL, MongoDB

• nuxt-booster

  5 674 9.6 JavaScript

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

  

• loading-attribute-polyfill

  4 616 2.9 JavaScript

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

• react-on-screen

  1 406 0.0 JavaScript

  Check if a react component in the viewport

• react-gallery-carousel

  20 213 0.0 JavaScript

  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

• angular-ssr

  2 223 5.9 JavaScript

  Angular 18 Example SSR (Server Side Rendering)

  Project mention: Step-by-Step Guide: Making Your Angular Application SEO-Friendly with Server-Side Rendering and Firebase Deployment | dev.to | 2024-06-11

  "ganatan/angular-ssr" (https://github.com/ganatan/angular-ssr) "angular-university/angular-ssr-course" (https://github.com/angular-university/angular-ssr-course)

• skeleton-elements

  1 148 0.0 JavaScript

  Skeleton elements - UI for improved perceived performance

• next-lazy-hydrate

  1 82 1.8 JavaScript

  Optimize nextjs performance by lazy load and hydrate under the fold

• zuix

  4 69 6.0 JavaScript

  zuix.js is a JavaScript library for creating component-based websites and applications.

  

• ecommerce-store-reactjs-stripe-oauth2

  1 60 0.0 JavaScript

  This is a fully functional Ecommerce Website which allows the user to login,add products to cart,view products in detail and do the payment through credit card.Built using React,React Router,OAuth2 for user authentication,Stripe for payment and Netlify for deployment.

• LazyAdsense

  1 6 0.0 JavaScript

  LazyAdsense is an OpenSource javascript which supports lazy loading Adsense ads

• use-imported-hook

  1 4 0.0 JavaScript

• recipe-reactjs-api-firebase

  1 4 0.0 JavaScript

  This is a Recipe App which allows the user to login,view recipes,search different recipes and view it in detail.This web app is built using Meals DB API,React,React Router,context api,debounce search functionality,Firebase for user authentication and Netlify for deployment.

• ailog

  1 1 5.2 JavaScript

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

JavaScript lazy-loading related posts

• Step-by-Step Guide: Making Your Angular Application SEO-Friendly with Server-Side Rendering and Firebase Deployment

  2 projects | dev.to | 11 Jun 2024

• Tips For Building Faster Websites with Efficient CSS Optimisation

  2 projects | dev.to | 14 Aug 2023

• How to Lazy Load Html Videos

  3 projects | dev.to | 11 Mar 2023

• Lazy load all images top to bottom

  1 project | /r/webdev | 19 Jul 2022

• Native lazy-loading - Why doesn't the video element have it?

  1 project | dev.to | 28 Mar 2022

• Beginners Guide to Web Performance: Optimizing Images

  3 projects | dev.to | 6 Sep 2021

• Made a hook to lazy load hooks despite rule-of-hooks, I need people to test it on their projects so I can make the associated babel transform more robust.

  1 project | /r/reactjs | 6 Jun 2021
• A note from our sponsor - SaaSHub
  www.saashub.com | 4 Dec 2024

  SaaSHub helps you find the best software and product alternatives Learn more →

Index

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com

Do not miss the trending JavaScript projects with our weekly report!