All Projects → simonfrey → lazysimon

simonfrey / lazysimon

Licence: MIT license
Minimal effort 350 byte JavaScript library to lazy load all <img> on your website

Programming Languages

HTML
75241 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to lazysimon

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.
Stars: ✭ 6,596 (+36544.44%)
Mutual labels:  lazyload, lazy-loading, lazyload-images
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
Stars: ✭ 56 (+211.11%)
Mutual labels:  lazyload, lazy-loading, lazyload-images
guide-to-async-components
📖 Guide To JavaScript Async Components
Stars: ✭ 79 (+338.89%)
Mutual labels:  lazyload, lazy-loading, lazyload-images
jekyll-loading-lazy
🧙🏽‍♀️ Automatically adds loading="lazy" to <img> and <iframe> tags. Load images on your sites lazily without JavaScript.
Stars: ✭ 41 (+127.78%)
Mutual labels:  lazyload, lazy-loading, lazyload-images
lazy-load-images.js
Progressive & lazy loading images.
Stars: ✭ 17 (-5.56%)
Mutual labels:  lazyload, lazy-loading, lazyload-images
rocket-lazy-load
Standalone LazyLoad plugin for WordPress (based on WP Rocket)
Stars: ✭ 25 (+38.89%)
Mutual labels:  lazyload, lazy-loading, lazyload-images
Progressively
A JavaScript library to load images progressively 🌇
Stars: ✭ 691 (+3738.89%)
Mutual labels:  lazyload, javascript-library
React Lazy Load Image Component
React Component to lazy load images and components using a HOC to track window scroll position.
Stars: ✭ 755 (+4094.44%)
Mutual labels:  lazyload, lazy-loading
Lozad.js
🔥 Highly performant, light ~1kb and configurable lazy loader in pure JS with no dependencies for responsive images, iframes and more
Stars: ✭ 6,932 (+38411.11%)
Mutual labels:  lazyload, lazy-loading
Yall.js
A fast, flexible, and small SEO-friendly lazy loader.
Stars: ✭ 1,163 (+6361.11%)
Mutual labels:  lazyload, lazy-loading
Jquery.lazy
A lightweight, fast, feature-rich, powerful and highly configurable delayed content, image and background lazy loading plugin for jQuery & Zepto.
Stars: ✭ 965 (+5261.11%)
Mutual labels:  lazyload, lazy-loading
React Lazy
Universal lazy loader components using IntersectionObserver for React
Stars: ✭ 118 (+555.56%)
Mutual labels:  lazyload, lazy-loading
Accessible Image Lazy Load
😴 gandul! accessible lazy loading images
Stars: ✭ 281 (+1461.11%)
Mutual labels:  lazyload, lazy-loading
React Progressive Loader
Utility to load images and React components progressively, and get code splitting for free
Stars: ✭ 224 (+1144.44%)
Mutual labels:  lazyload, lazy-loading
Nuxt Lazysizes
Lazysizes module for Nuxt.js
Stars: ✭ 25 (+38.89%)
Mutual labels:  lazyload, lazy-loading
ngx-progressive-image-loader
lazy load img/picture, prevent reflow and seo friendly.
Stars: ✭ 35 (+94.44%)
Mutual labels:  lazyload, lazyload-images
Responsively Lazy
Lazy load responsive images
Stars: ✭ 1,080 (+5900%)
Mutual labels:  lazyload, lazy-loading
youtube-lazyload
LazyLoad Embed YouTube Player - simple and lightweight plugin - pure JavaScript
Stars: ✭ 23 (+27.78%)
Mutual labels:  lazyload, javascript-library
Ng In Viewport
Allows us to check if an element is within the browsers visual viewport
Stars: ✭ 178 (+888.89%)
Mutual labels:  lazyload, lazy-loading
raf-pool
requestAnimationFrame pool to avoid busyness on the thread
Stars: ✭ 16 (-11.11%)
Mutual labels:  lazyload, lazyload-images

lazysimon

Minimal effort 350 byte JavaScript library to lazy load all on your website

Lazy loading the images on your websites is a good idea in 99% of the cases. As all the other lazy load libraries where way to heavy for use case I build lazy-simon.js.

As it is only 350 byte in total size, I now can include it on every website I develop without having to worry about performance impacts. Only upsides here 🤩

The script uses a Intersection Observer for the getting the elements that are currently viewed. To check what browser all support this feature checkout https://caniuse.com/#search=intersectionobserver

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].