collective.lazysizes 1.5.0a1

Installation

To enable this package in a buildout-based installation:

1. Edit your buildout.cfg and add add the following to it:

   [buildout]
   ...
   eggs =
       collective.lazysizes

After updating the configuration you need to run ‘’bin/buildout’’, which will take care of updating your system.

Go to the ‘Site Setup’ page in a Plone site and click on the ‘Add-ons’ link.

Check the box next to collective.lazysizes and click the ‘Activate’ button.

How does it work

This package adds a transform to the transform chain to integrate lazysizes into Plone.

The transform looks for all the <img> and <iframe> elements inside the content and does the following:

• appends a lazyload class

• transforms the src attribute into a data-src attribute

• if the element is an <img>, uses an spinner as src attribute (this is done to maintain valid HTML code)

The transform is only applied to anonymous users.

As long as we have tested, lazysizes seems not to interfere with image indexing made by crawlers like Googlebot.

Todo

• implement support for responsive images with srcset and automatic sizes attribute

1.5.0a1 (2016-04-07)

• Use data URI scheme for image placeholder to save one additional request (closes #8). [hvelarde]

• Brazilian Portuguese and Spanish translations were added. [hvelarde]

• Deal better with <img> tags with no src attribute; log an error message with the request URL (closes #11). [hvelarde]

• Package is now compatible with Plone 5. [hvelarde]

• Remove dependency on Products.CMFQuickInstallerTool. [hvelarde]

• Update lazysizes and respimg polyfill extension to v1.5.0. [hvelarde]

1.4.0a1 (2016-02-23)

• Add option to list class identifiers that will not be processed for lazy loading. <img> and <iframe> elements with that class directly applied to them, or to a parent element, will be skiped (closes #5). [rodfersou, hvelarde]

• Update lazysizes and respimg polyfill extension to v1.4.0. [hvelarde]

• Use a blank image instead of a spinner as placeholder. [hvelarde]

• Logging now uses debug level instead of info. [hvelarde]

1.0a1 (2016-01-05)

• Initial release.