vanilla-lazyload
Advanced tools
Comparing version 19.0.0 to 19.0.1
{ | ||
"name": "vanilla-lazyload", | ||
"version": "19.0.0", | ||
"version": "19.0.1", | ||
"description": "LazyLoad is a lightweight (2.4 kB) and flexible script that speeds up your web application by deferring the loading of your below-the-fold images, videos and iframes to when they will enter the viewport. It's written in plain \"vanilla\" JavaScript, it leverages the IntersectionObserver API, it supports responsive images, it optimizes your website for slower connections, and can enable native lazy loading.", | ||
@@ -9,3 +9,2 @@ "main": "dist/lazyload.min.js", | ||
"typings": "typings/lazyload.d.ts", | ||
"type": "module", | ||
"sideEffects": false, | ||
@@ -12,0 +11,0 @@ "devDependencies": { |
@@ -178,3 +178,3 @@ LazyLoad is a lightweight (2.4 kB) and flexible script that **speeds up your web application** by deferring the loading of your below-the-fold images, animated SVGs, videos and iframes to **when they will enter the viewport**. It's written in plain "vanilla" JavaScript, it leverages the [IntersectionObserver](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) API, it supports [responsive images](https://alistapart.com/article/responsive-images-in-practice), it optimizes your website for slower connections, and can enable native lazy loading. See [all features](#-all-features-compared) for more. | ||
The latest, recommended version of LazyLoad is **19.0.0**. | ||
The latest, recommended version of LazyLoad is **19.0.1**. | ||
Note that if you need to support Internet Explorer 11, you need to use version 17.9.0 or below. | ||
@@ -189,3 +189,3 @@ | ||
```html | ||
<script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@19.0.0/dist/lazyload.min.js"></script> | ||
<script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@19.0.1/dist/lazyload.min.js"></script> | ||
``` | ||
@@ -231,3 +231,3 @@ | ||
async | ||
src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@19.0.0/dist/lazyload.min.js" | ||
src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@19.0.1/dist/lazyload.min.js" | ||
></script> | ||
@@ -266,3 +266,3 @@ ``` | ||
async | ||
src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@19.0.0/dist/lazyload.min.js" | ||
src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@19.0.1/dist/lazyload.min.js" | ||
></script> | ||
@@ -327,3 +327,2 @@ ``` | ||
| `lazyload.iife.min.js` | IIFE <small>(Immediately Invoked Function Expression)</small> | Works as in-page `<script src="...">`, ~0.5kb smaller than UMD version | | ||
| `lazyload.amd.min.js` | AMD <small>(Asynchronous Module Definition)</small> | Works with _RequireJS_ module loader, ~0.5kb smaller than UMD version | | ||
| `esm/lazyload.js` | ES Module | Exports `LazyLoad` so you can import it in your project both using `<script type="module" src="...">` and a bundler like WebPack or Rollup | | ||
@@ -620,4 +619,2 @@ | ||
| Content | Lazy WebP images with the `<picture>` tag and the `type` attribute for WebP | [Code](demos/picture_type_webp.html) | [Live](https://verlok.github.io/vanilla-lazyload/demos/picture_type_webp.html) | | ||
| Loading | Asynchronous loading LazyLoad with requireJS | [Code](demos/amd.html) | [Live](https://verlok.github.io/vanilla-lazyload/demos/amd.html) | | ||
| Loading | Asynchronous loading LazyLoad + InterserctionObserver with requireJS | [Code](demos/amd_polyfill.html) | [Live](https://verlok.github.io/vanilla-lazyload/demos/amd_polyfill.html) | | ||
| Loading | Asynchronous loading LazyLoad with `<script async>` | [Code](demos/async.html) | [Live](https://verlok.github.io/vanilla-lazyload/demos/async.html) | | ||
@@ -624,0 +621,0 @@ | Loading | Asynchronous loading multiple LazyLoad instances with `<script async>` | [Code](demos/async_multiple.html) | [Live](https://verlok.github.io/vanilla-lazyload/demos/async_multiple.html) | |
161580
33
1975
861
No