hqy-lazyload

A lightweight pure JavaScript script for lazy loading and multi-serving images. It's working in all modern browsers including IE7+.

It’s written in pure JavaScript why it doesn’t depend on 3rd-party libraries such as jQuery. It lets you lazy load and multi-serve your images so you can save bandwidth and server requests. The user will have faster load times and save data usage if he/she doesn't browse the whole page.

DEMO

https://rockcookies.github.io/hqy-lazyload/

More examples: https://rockcookies.github.io/hqy-lazyload/examples.html

USAGE & API

https://rockcookies.github.io/hqy-lazyload/documentation.html

INSTALL

npm install hqy-lazyload --save

WHY hqy-lazyload?

• hqy-lazyload is used on big sites with millions of monthly visitors so it has been tested out in the real world.
• hqy-lazyload is written in pure JavaScript why it doesn’t depend on 3rd-party libraries such as jQuery.
• hqy-lazyload is very fast. It has focus on performance why it also auto-destroys when it's done lazy loading.
• hqy-lazyload can lazy load all types of images including background images.
• hqy-lazyload is future-proof. It supports srcset and the picture element.
• hqy-lazyload can serve retina images on retina devices.
• hqy-lazyload can lazy load everything with a src like iframes, HTML5 videos, scripts, unity games etc.
• hqy-lazyload supports all browsers used today including legacy browsers like IE7 and 8.
• hqy-lazyload supports all main module formats like AMD, CommonJS and globals.

LICENSE

Copyright (c) 2013-2017 RockCookies. Licensed under the The MIT License (MIT).