Jun 14, 2019
1 min read
JavaScript Progressive image with Lazyload
Optimize page load of your website with this progressive image with lazy load.
To get started:
Here’s the demo: Demo
Install using npm or yarn
$ npm i progressive-image-lazyload.js$ yarn add progressive-image-lazyload.js
How to use
HTMLmarkup
- In
HTMLput this line of code inside your<head>tag
- In
JavaScriptandSCSSusing npm or yarn
data-thumb— this is where you set your small image.data-src— this is where you set your large image.
Source code here: https://github.com/arnoldfederis/progressive-image-lazyload.js
