collective.lazysizes 3.0.0

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 transformer to the transform chain to integrate lazysizes into Plone.

The transformer looks for all the <img>, <iframe> and <blockquote> tags inside the content and does the following:

• appends a lazyload class

• if the tag is an <img>, transforms the src attribute into a data-src and uses a gray square in its place to maintain valid HTML code (this placeholder is loaded using the data URI scheme to avoid a new request to the server)

• if the tag is an <iframe>, transforms the src attribute into a data-src

• if the tag is a <blockquote> containing a tweet, it adds a data-twitter attribute and removes the <script> tag associated with the Twitter widget to avoid a useless request

These transforms are applied to anonymous users only.

3.0.0 (2017-03-09)

• Update lazySizes to v3.0.0. [hvelarde]

• Remove respimg polyfill plugin. [hvelarde]

• Fix UnicodeEncodeError on logger. [hvelarde]

2.0.5rc1 (2016-10-28)

• Clean up configlet; the image_candidates field was removed as the intended functionality will be included in Plone’s core in the near future (see PLIP 1483). [hvelarde]

• Remove dependency on five.grok. [hvelarde]

• Update lazysizes to v2.0.5. [hvelarde]

• Pin version of Products.ResourceRegistries >=2.2.12 to fix upgrade step. [rodfersou, hvelarde]

2.0.0b1 (2016-08-11)

• lazysizes was upgraded to version 2.0.0 and we are using now the AMD module (closes #20). [rodfersou]

• Do not raise an exception in case Twitter’s embed code was somehow modified (closes #17). [hvelarde]

1.5.0b1 (2016-05-25)

• Embedded tweets are now also lazy loaded (closes #15). [aFarkas, rodfersou, hvelarde]

• Package is now compatible with Plone 5.0 and Plone 5.1. [hvelarde]

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.