Skip to content

Latest commit

 

History

History
360 lines (202 loc) · 11.1 KB

CHANGELOG.md

File metadata and controls

360 lines (202 loc) · 11.1 KB

CHANGELOG

Version 10

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.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!