Integration of lazysizes, a lightweight lazy loader, into Plone.
Project description
Life, the Universe, and Everything
This package integrates lazysizes, a lightweight lazy loader, into Plone.
lazysizes is a fast, SEO-friendly and self-initializing lazyloader for images (including responsive images picture/srcset), iframes, scripts/widgets and much more. It also prioritizes resources by differentiating between crucial in view and near view elements to make perceived performance even faster.
Mostly Harmless
Got an idea? Found a bug? Let us know by opening a support ticket.
Don’t Panic
Installation
To enable this package in a buildout-based installation:
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.
Todo
implement support for responsive images with srcset and automatic sizes attribute
replace spinner with low resolution image scale (if not to expensive to calculate)
allow blacklisting images (lazing loading feature could be duplicated on some carousels)
Changelog
1.0a1 (2016-01-05)
Initial release.
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Hashes for collective.lazysizes-1.0a1.tar.gz
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 | d2a620d01eebc3291783bb63987cad583457c6f994199ee129179bf47025ca19 |
|
| MD5 | 44282afadb1501f999fee484da26f6df |
|
| BLAKE2b-256 | ac37ba7606b2397d7cf606a365811a074b030233f0c5b58abb87683a79c2a2f1 |
Hashes for collective.lazysizes-1.0a1-py2-none-any.whl
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 | 129579be550ba95fdc3c3b08180040ebabe7aeeab3a2af7f79e82d19776bb651 |
|
| MD5 | e21feafa60d34a92b7b9c957b3390863 |
|
| BLAKE2b-256 | 853db84a0f7f0f7a0a942b2c7648e4e4eab649336a520ee0864a8ae990afb921 |
