vanilla-lazyload
Advanced tools
vanilla-lazyload - npm Package Compare versions
Comparing version 12.0.3 to 12.1.0
@@ -5,5 +5,11 @@ # CHANGELOG | ||
| #### 12.1.0 | ||
| - Updated npm dev dependencies | ||
| - Modified added an inline svg placeholder to the `image_simple.html` demo | ||
| - Added the new `image_simple_external_ph.html`, with an external SVG placholder | ||
| #### 12.0.3 | ||
| Updated the IntersectionObserver polyfill to version 0.7.0. | ||
| Updated the IntersectionObserver polyfill to version 0.7.0 | ||
@@ -10,0 +16,0 @@ #### 12.0.2 |
| { | ||
| "name": "vanilla-lazyload", | ||
| "version": "12.0.3", | ||
| "version": "12.1.0", | ||
| "description": "A fast, lightweight script to load images as they enter the viewport. SEO friendly, it supports responsive images (both srcset + sizes and picture) and progressive JPEG", | ||
@@ -11,15 +11,15 @@ "main": "dist/lazyload.min.js", | ||
| "devDependencies": { | ||
| "@babel/core": "^7.0.0", | ||
| "@babel/core": "^7.6.2", | ||
| "@babel/plugin-transform-object-assign": "^7.0.0", | ||
| "@babel/preset-env": "^7.0.0", | ||
| "@babel/preset-env": "^7.6.2", | ||
| "babel-core": "^7.0.0-bridge.0", | ||
| "babel-jest": "^24.1.0", | ||
| "gulp": "^4.0.0", | ||
| "babel-jest": "^24.9.0", | ||
| "gulp": "^4.0.2", | ||
| "gulp-babel": "^8.0.0", | ||
| "gulp-eslint": "^5.0.0", | ||
| "gulp-rename": "^1.2.2", | ||
| "gulp-rename": "^1.4.0", | ||
| "gulp-rollup": "^2.16.2", | ||
| "gulp-sourcemaps": "^2.6.4", | ||
| "gulp-sourcemaps": "^2.6.5", | ||
| "gulp-uglify-es": "^1.0.4", | ||
| "jest": "^24.1.0" | ||
| "jest": "^24.9.0" | ||
| }, | ||
@@ -26,0 +26,0 @@ "scripts": { |
@@ -108,3 +108,3 @@ LazyLoad is a fast, lightweight and flexible script that **speeds up your web application** by loading your content images, videos and iframes only **as they 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 works with [responsive images](https://alistapart.com/article/responsive-images-in-practice) and it supports native lazy loading. See [notable features](#-notable-features) for more. | ||
| The latest, recommended version of LazyLoad is **12.0.3**. | ||
| The latest, recommended version of LazyLoad is **12.1.0**. | ||
@@ -124,3 +124,3 @@ ### To polyfill or not to polyfill IntersectionObserver? | ||
| ```html | ||
| <script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@12.0.3/dist/lazyload.min.js"></script> | ||
| <script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@12.1.0/dist/lazyload.min.js"></script> | ||
| ``` | ||
@@ -132,3 +132,3 @@ | ||
| <script src="https://cdn.jsdelivr.net/npm/intersection-observer@0.7.0/intersection-observer.js"></script> | ||
| <script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@12.0.3/dist/lazyload.min.js"></script> | ||
| <script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@12.1.0/dist/lazyload.min.js"></script> | ||
| ``` | ||
@@ -168,3 +168,3 @@ | ||
| ```js | ||
| var lazyLoadAmdUrl = "https://cdn.jsdelivr.net/npm/vanilla-lazyload@12.0.3/dist/lazyload.amd.min.js"; | ||
| var lazyLoadAmdUrl = "https://cdn.jsdelivr.net/npm/vanilla-lazyload@12.1.0/dist/lazyload.amd.min.js"; | ||
| var polyfillAmdUrl = "https://cdn.jsdelivr.net/npm/intersection-observer-amd@2.1.0/intersection-observer-amd.js"; | ||
@@ -214,3 +214,3 @@ | ||
| ```html | ||
| <script async src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@12.0.3/dist/lazyload.min.js"></script> | ||
| <script async src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@12.1.0/dist/lazyload.min.js"></script> | ||
| ``` | ||
@@ -241,3 +241,3 @@ | ||
| ```html | ||
| <script async src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@12.0.3/dist/lazyload.min.js"></script> | ||
| <script async src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@12.1.0/dist/lazyload.min.js"></script> | ||
| ``` | ||
@@ -475,3 +475,5 @@ | ||
| | --------- | ---------------------------------------------------------------------------------------------- | ---------------------------------------------- | -------------------------------------------------------------------------------------- | | ||
| | Content | Simple lazy loaded image | [Code](demos/image_simple.html) | [Live](https://www.andreaverlicchi.eu/lazyload/demos/image_simple.html) | | ||
| | Content | Simple lazy loaded images, not using any placeholder | [Code](demos/image_basic.html) | [Live](https://www.andreaverlicchi.eu/lazyload/demos/image_basic.html) | | ||
| | Content | Lazy images that use an inline SVG as a placeholder | [Code](demos/image_ph_inline.html) | [Live](https://www.andreaverlicchi.eu/lazyload/demos/image_ph_inline.html) | | ||
| | Content | Lazy images that use an external SVG file as a placeholder | [Code](demos/image_ph_external.html) | [Live](https://www.andreaverlicchi.eu/lazyload/demos/image_ph_external.html) | | ||
| | Content | Lazy responsive images with `srcset` | [Code](demos/image_srcset.html) | [Live](https://www.andreaverlicchi.eu/lazyload/demos/image_srcset.html) | | ||
@@ -478,0 +480,0 @@ | Content | Lazy responsive images with the `<picture>` tag and the `media` attribute (art direction) | [Code](demos/picture_media.html) | [Live](https://www.andreaverlicchi.eu/lazyload/demos/picture_media.html) | |
Improved metrics
- Total package byte prevSize
- increased by0.34%
207349
- Number of lines in readme file
- increased by0.32%
623