Skip to content

Latest commit

 

History

History
447 lines (256 loc) · 14.5 KB

CHANGELOG.md

File metadata and controls

447 lines (256 loc) · 14.5 KB
Raw

CHANGELOG

Version 12

12.0.0

  • Reorganized code
  • Improved native lazy loading demos
  • Aligned console messages throughout all demos.

12.0.0-beta.0

  • Added the use_native option which enables native lazy loading (where supported) with the loading="lazy" attribute. See #331
  • Added two demos:
    • native_lazyload_conditional.html which you can use to test the use_native option
    • native_lazyload.html which always uses native lazy loading (without JS) just to test how it works beyond the LazyLoad script
  • Refactored the constructor and the update method

Version 11

11.0.6

Restored the callback_set callback as deprecated, in order to make the upgrade from v.10 easier.

11.0.5

Fixed the module property of this package.json, which was pointing to a non-existing dist file.

11.0.4

Fixed the main property of this package.json, which was pointing to a non-existing dist file.

11.0.3

Rollback of the patch applied in 11.0.2 since it gave strange results in some cases. See #293. Thanks to @davejamesmiller for the analysis and the report.

11.0.2

Applied a patch to resolve #293 a Chromium bug already fixed in Chrome 72. Thanks to @dverbovyi for the analysis and the report.

11.0.1

Squashed a nasty bug that occurred on IE 11 and Safari when the IntersectionObserver polyfill wasn't loaded before LazyLoad.

11.0.0

  • Changed bundle file name of ES Module from lazyload.es2015.js to lazyload.esm.js
  • Removed the to_webp option (see issue #288)
  • Ceased support and development of LazyLoad v.8 (see issue #306) version. If you were using it, please update your code to use callback_reveal instead.
  • Private methods like _setObserver, _onIntersection etc. are now hidden from the outside.
  • Added the auto_unobserve boolean option, see API.
  • Bugfix: loadAll() didn't unobserve elements.
  • Updated to Jest 24, Babel 7, etc.
  • Fixed dev dependencies vulnerabilities
  • Updated callbacks. See below:

Callbacks updated:

  • Changed callback_enter. This callback is now called whenever an element enters the viewport, even when load_delay is set. In previous versions, this callback was delayed until an element started loading if a load_delay was set. Note that this is a possible breaking change, which you can fix using callback_reveal instead.
  • Added callback_exit. This callback is called whenever an element exits the viewport, even if a load_delay is set.
  • Added callback_reveal. This callback is called just after an element starts loading.
  • Deprecated callback_set. This callback still works*, but will be removed in the next major

* it didn't work from versions 11.0.0 to 11.0.5, it still works from 11.0.6.

Version 10

10.20.1

Fixed a bug for which LazyLoad didn't copy the data-sizes attribute value to sizes in source tags inside picture. See #307.

10.20.0

Improved WebP detection to work correctly on Firefox too, see #298.

Thanks to @ipernet for contributing.

10.19.1

  • Fixed build for those using React + SSR, see #287
  • TypeScript definitions clearified, see #283
  • Gulp updated to v.4.0.0 to make it work with node 10

Thanks to @AlexCSR and @muturgan for contributing.

10.19.0

  • Added the ability to know when all images have been downloaded through the callback_finish callback.
  • Added the file demos/print.html to demo how to print lazy images.

10.18.0

Added the ability to have multiple background images, through the new data_bg option.

10.17.0

Added the ability to set different thresholds for the scrolling area, through the new thresholds option.

10.16.2

BUGFIX: Class loaded was not applied to a loaded video (issue #239).

10.16.1

BUGFIX: Autoplaying video not loaded correctly after entering the viewport (issue #240). Thanks to @maeligg.

10.16.0

Added new option load_delay to skip loading when fast scrolling occurs, as requested in issues #235 and #166. Pass in a number of milliseconds, and each image will be loaded after it stayed inside that viewport for that time.

10.15.0

  • Refactorized code & improved script performance
  • BUGFIX: Fixed webpack import (issue #230) TypeError: default is not a constructor

10.14.0

Now supporting WebP through dynamic extension rename if the user browser is compatible.

10.13.0

  • Shortened the RegEx for crawlers detection (shaved a few bytes)
  • Released LazyLoad in new module types! Enjoy the new flavours :)
Filename Module Type Advantages
lazyload.min.js UMD (Universal Module Definition) Works pretty much everywhere, even in common-js contexts
lazyload.iife.min.js IIFE (Immediately Invoked Function Expression) Works as in-page <script src="">, ~0.5kb smaller minified
lazyload.amd.min.js AMD (Asynchronous Module Definition) Works with the require.js module loader, ~0.5kb smaller minified
lazyload.es2015.js ES Module type Exports LazyLoad so you can import it in your project

10.12.0

SEO! Expanded SEO-friendliness to more crawlers, Bingbot included.

10.11.1

BUGFIX: Fixed issue #225. Due to mistyped BOT detection, in version 10.11.0 all images were loaded as soon as LazyLoad was created.

10.11.0

SEO! Version 10.x is now as SEO-friendly as version 8.x.

10.10.0

Added a public load method to force loading any element.

10.9.0

Added the ability to lazily set the sizes attribute via a data-sizes attribute. See the README file for more information.

10.8.0

Added a public loadAll method to force loading all the images, as asked in #193.

10.7.0

  • Added support for the <video> HTML tag and descending <source> tags. Now you can lazily load your videos too!
  • Created the video.html demo.

10.6.0

  • Added a demo with a popup layer and images injected after popup open, to help with #196.
  • Updated the background_images demo with a custom management of the loading class and the loaded event callback.

10.5.2

Added a security check on lazy elements' parents.

10.5.1

Just a refactoring over previous version.

10.5.0

Added node support by merging pull request #188, "node-support" by @klarstrup.

With these changes in place, simply importing vanilla-lazyload without using it won't crash Node by itself. This is important for isomorphic/universal/server rendered setups where the same code runs on both the server and the browser.

10.4.2

Fixed a bug for which sometimes images wouldn't reveal on Chrome 65 (see issue #165).

10.4.1

Updated dist folder.

10.4.0

Added the callback_enter callback, which is called whenevery any element managed by LazyLoad enters the viewport, as requested in #159. Thanks to @alvarotrigo.

10.3.6

Fixed tests to match dataset revert made in 10.3 and 8.2 (oopsy).

10.3.5

Fixed a bug that could occur on older versions of IE when trying to access an image's parent node.

10.3.4

Fixed a CustomEvent bug which occurred on IE when using async object initialization.

10.3.3

Fixed supportsClassList test to work even when the document object isn't yet there. Thanks to @Spone and his pull request #145.

10.3.1

Introduced a workaround for an issue of Microsoft Edge documented here

10.3.0

Restored support to IE9 and IE10, as requested in #118 and #132.

10.2.0

To solve cases when you can't select the elements to load using a string, added the ability to pass a NodeList object...

  • as a second parameter in the constructor, after the regular option object, e.g. var ll = new Lazyload({}, myNodeList)
  • as a single parameter to the update() method, e.g. ll.update(myNodeList)

10.1.0

To solve cases when you can't select the elements to load using a string, added the ability to pass a NodeList object to the elements_selector option, as suggested by @SassNinja in #130.

10.0.1

Solved a problem with cdnjs.com: version 10.0.0 was pointing to 9.0.0.

10.0.0

  • Change in default options:
    • default for data_src is now src (was original)
    • default for data_srcset is now srcset (was original-set)

Version 9

9.0.1

  • Restored tests using Jest
  • Squashed a bug which didn't make images inside picture load correctly

9.0.0

LazyLoad is now faster thanks to the Intersection Observer API.

IMPORTANT! Browser support changed. Find more information in the README file.

Version 8

8.17.0

  • Added the ability to know when all images have been downloaded through the callback_finish callback.
  • Added the file demos/print.html to demo how to print lazy images.

8.16.0

Added the ability to have multiple background images, through the new data_bg option.

8.15.2

BUGFIX: Class loaded was not applied to a loaded video (issue #239).

8.15.1

BUGFIX: Autoplaying video not loaded correctly after entering the viewport (issue #240). Thanks to @maeligg.

8.15.0

  • Refactorized code & improved script performance
  • BUGFIX: Fixed webpack import (issue #230) TypeError: default is not a constructor

8.14.0

Now supporting WebP through dynamic extension rename if the user browser is compatible.

8.13.0

  • Shortened the RegEx for crawlers detection (shaved a few bytes)
  • Released LazyLoad in new module types! Enjoy the new flavours :)
Filename Module Type Advantages
lazyload.min.js UMD (Universal Module Definition) Works pretty much everywhere, even in common-js contexts
lazyload.iife.min.js IIFE (Immediately Invoked Function Expression) Works as in-page <script src="">, ~0.5kb smaller minified
lazyload.amd.min.js AMD (Asynchronous Module Definition) Works with the require.js module loader, ~0.5kb smaller minified
lazyload.es2015.js ES Module type Exports LazyLoad so you can import it in your project

8.12.0

SEO! Expanded SEO-friendliness to more crawlers, Bingbot included.

8.11.0

Added a public load method to force loading any element.

8.10.0

Added the ability to lazily set the sizes attribute via a data-sizes attribute. See the README file for more information.

8.9.0

Added a public loadAll method to force loading all the images, as asked in #193.

8.8.0

Added support for the video tag. Closes #209. Created the video.html demo.

8.7.1

Added a security check on lazy elements' parents.

8.7.0

Added node support by merging pull request #188, "node-support" by @klarstrup.

With these changes in place, simply importing vanilla-lazyload without using it won't crash Node by itself. This is important for isomorphic/universal/server rendered setups where the same code runs on both the server and the browser.

8.6.0

Added the callback_enter callback, which is called whenevery any element managed by LazyLoad enters the viewport, as requested in #159. Thanks to @alvarotrigo.

8.5.2

Fixed a bug that could occur on older versions of IE when trying to access an image's parent node.

8.5.1

Fixed a CustomEvent bug which occured on IE when using async object initialization.

8.5.0

  • Change in default options, in order to be aligned with version 10
    • default for data_src is now src (was original)
    • default for data_srcset is now srcset (was original-set)

8.2.1

Fixed supportsClassList test to work even when the document object isn't yet there. Thanks to @Spone and his #145.

8.2.0

Restored support to IE9 and IE10, as requested in #118 and #132.

8.1.0

Updated from grunt to gulp (run with gulp scripts).

8.0.3

Added quotes in background image URLs, as suggested in #114 (thanks to @vseva).

8.0.2

Fixed a bug that affected performance.

8.0.1

Fixed reference to old names in demo files.

8.0.0

  • The main file to include is now dist/lazyload.min.js as you would expect, and no longer dist/lazyload.transpiled.min.js.
  • The non-transpiled version is now named lazyload.es2015.js

Version 7

7.2.0

  • Now using element.dataset to read data attributes
  • New readme! New website!

Bug fixes:

  • Fixed #87

IMPORTANT! Browser support changed. Find more information in the README file.

7.1.0

  • Refactored code now using more modules
  • Saving ~0.5 kb of transpiled code going back from ES2015 class to function's prototype

7.0.0

Source code converted to ES2015 modules, bundled with rollup.js and transpiled with babel.

Version 6

6.3.x

Added the class initial to all images (or iframes) inside the viewport at the moment of script initialization

6.2.x

  • Added the ability to load LazyLoad using an async script

6.1.x

SEO improvements for lazily loaded images

6.0.x

  • Source code migrated to ES6 / ES2015
  • Serving both minified ES6 version and minified transpiled-to-ES5 version

Version 5

  • Exposed private functions for test coverage
  • Test coverage

Version 4

  • Lighter constructor
  • Performance improvements
  • Bugfix: null on background images
  • Removed code for legacy browsers - now supporting IE10+

Version 3

  • Added support to the picture tag
  • Removed the "show image only when fully loaded" mode
    • Dumped the show_while_loading and placeholder options

Version 2

  • Added support to lazily load iframes and background images
  • Added error management callback and error class option
  • Performance improvements

Version 1

  • Added support to the srcset attribute for images
  • Added typescript typings + updated dist folder files
  • Performance improvements
  • Stable release of LazyLoad

Want more detail? Take a look at the release history on GitHub!