[{"name":"lazysizes","slug":"lazysizes","version":"1.3.3","author":"Patrick Sletvold","author_profile":"https://profiles.wordpress.org/16patsle/","requires":"3.9","tested":"5.5.15","requires_php":"5.6","requires_plugins":[],"rating":100,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":6},"num_ratings":6,"support_threads":0,"support_threads_resolved":0,"downloaded":16801,"last_updated":"2020-08-13 10:19am GMT","added":"2017-11-02","homepage":"http://wordpress.org/plugins/lazysizes/","sections":{"description":"

lazysizes is a WordPress plugin for the high performance, SEO-friendly and auto-triggering lazyloader with the same name. Support includes images (including responsive images with srcset and the picture tag), 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. Additionally, you can add low-res/blurry placeholder images using the Blurhash algorithm.

This plugin works by loading the lazysizes script and replacing the src and srcset attributes with data-src and data-srcset on the front end of a WordPress site. When a post or page is loaded, the lazysizes javascript will load the images, iframes etc. dynamically when needed. All you need to do is to enable the plugin, and possibly tweak a few settings to your liking.

Thanks to aFarkas and contributors for making the lazysizes library possible, and for letting me use the same name.

Also thanks to dbhynds who made the Lazy Load XT plugin, which this plugin is based on.

\n","faq":"\n

\nWhy aren’t my images lazy loading?\n

Lazysizes filters images added to the page using the_content, post_thumbnail_html, widget_text and get_avatar. If your images are added using another function (wp_get_attachment_image for example), lazysizes does not filter them by default. There are several options for changing what lazysizes filters, like enabling it to filter acf_the_content for WYSIWYG content from Advanced Custom Fields, and enabling wp_get_attachment_image support (somewhat limited, see below). For unsupported use cases you can also filter the HTML yourself by passing it to get_lazysizes_html.

While this plugin has opt-in support for wp_get_attachment_image, it doesn’t add a no-Javascript fallback, which causes images to become invisible for users where Javascript is disabled or unsupported. We cannot fix this for you automatically, but you can fix this with a couple of changes to the code that uses wp_get_attachment_image. For example, if a theme has: echo wp_get_attachment_image($id);, changing it to the following would lazy load the image and add no-Javascript fallback if enabled in settings: echo get_lazysizes_html( wp_get_attachment_image($id) );

If a popular plugin is incompatible and has a filter for modifying the HTML output, lazysizes could most likely get support for that plugin. In that case, feel free to ask! If the plugin has no such way to filter the output, they would have to add one for lazysizes to leverage.

\nWhat is the Blurhash placeholder feature, and how do I use it?\n

The low-res Blurhash placeholder feature generates a text string for each image using the Blurhash algorithm. This string includes all the information necessary for the Blurhash script running in the visitor’s browser to decode it into a blurry image, which will be shown while the real image is loading.

Because the final image placeholder is generated in JavaScript, users on faster internet connections can sometimes see the full image directly for images that are above the fold. Images lower down on the page will have a placeholder ready by the time the user reaches them.

The placeholder Blurhash string is not computed on page load, as it can in some cases take several seconds to do so. Instead, it will need to be pregenerated. As long as Blurhash is enabled in the settings, all new images uploaded will have a Blurhash string generated automatically. Additionally, you can manage the Blurhash string for each attachment individually in the Media Library. There is an option to generate and store Blurhash strings on page load, which can be used to easily generate Blurhash strings for lots of images by visiting the page they’re shown on. Just remember to turn that option back off, or your visitors may be slightly upset.

For technical reasons, Blurhash is only supported for local image attachments, and at the moment is not officially supported for picture elements. Images without a Blurhash string will behave just like they do with the option turned off. Blurhash placeholders work with the existing effects, like fade-in, but in some cases the perfect fade-in effect may not be possible. The Blurhash placeholder will still fade in, but it might not fade when transitioning to the full image. This is because of a few edge cases not supported by the advanced Blurhash reveal effect.

The advanced Blurhash reveal effect works by creating an additional image element positioned under the regular image. This gives the best result in combination with the fade effect, but might not support all WordPress themes. Safeguards exist to prevent using the advanced effect when not supported (by falling back to the slightly imperfect fade effect), but in some cases problems may still occur. If you see this type of problem, you can disable the advanced Blurhash reveal effect in the settings. Feel free to contact me on the support forums, and I may be able to work out what was going wrong.

\nThere’s a plugin called Lazy Load XT. Why does this one look a bit similar?\n

The PHP code for this plugin was originally based on that of Lazy Load XT, with many changes since. The main difference is that this plugin is using a completely different lazy loading library (lazysizes), with no jQuery dependency. Additionally, this plugin is actively maintained and has advanced features like Blurhash support.

Thanks to dbhynds for making the Lazy Load XT plugin. Without that project, this one would not be possible.

\nWhy is this plugin called lazysizes, the same as the JS library it uses?\n

There are a few reasons:

I like the name name.
It is a fitting name, as it makes you think of lazy loading.
I’m hoping it will help people discover the plugin. I originally tried searching for a WordPress plugin using the library myself, and other people might be trying the same.

This plugin is not affiliated with the lazysizes project, but I asked for, and got, permission by aFarkas to use the name. That’s as far as any connection between the two go.

\n\n","changelog":"

1.3.3

Add support for WordPress 5.5 and native lazy loading (see point below).
Add option for full native lazyloading, which gives the browser full control over when to load the image. Not compatible with the old native lazy load option, which only gives the browser partial control over loading. Currently only supports images, other elements will be lazyloaded like previously.
Add support for transforming HTML using single quotes instead of double quotes for attributes.
Fix lazy loading for commenter avatars. This feature had actually been disabled for a while, because it was broken. The new support for single quote attributes fixes this.
Fix positioning of the blurhash placeholder when the image is directly inside a link element.
Fix Blurhash integration in the Media Library being incompatible with certain other plugins extending this area using JS. This mainly fixes compatibility with the plugin Smush, but should make other plugins more likely to work as well.
Fix incompatibilities with certain older versions of WordPress. Please note that it is always recommended to use the latest version of WordPress, and that the next major version of this plugin will require a more up to date WordPress installation than it does now.

1.3.2

A partial deploy caused by human error led to a fatal error due to missing files for versions v.1.3.0 and v1.3.1. This has been fixed, along with the following:

Fix warning caused by missing check for metadata existing.
Fix script for the attachment page being minified even when SCRIPT_DEBUG is true.
Properly implement Blurhash management support in the post editor.
Fix non-existent CSS stylesheet being enqueued when no lazy load effect was selected.
Improve logic for finding attachment id from an image url.
Fix issue with minified lazysizes script.

1.3.0

Note that this is the last release that will support PHP 5.6 and WordPress 3.9. The next release will most likely require PHP 7.2 and WordPress 4.5 or newer.

Add support for generating low-res placeholder images using Blurhash, which stores the placeholder as a short text string. Computing this string does not happen on page load, as it’s rather expensive, but when the blurhash placeholder option is enabled it can be controlled individually for each attachment, and new attachments will have a placeholder generated automatically. For more information, see the FAQ and the settings page.
Add custom lazysizes script and styles feature, which uses scripts and styles optimized for size and fewer requests.
Improve aspectratio calculation. Local images no longer need both width and height set, only one of them, since the aspect ratio can be calculated based on attachment metadata.
Various performance tweaks.
Add experimental option for skipping adding a src attribute to images, and letting the browser load the image progressively instead.
Fix issue where a picture element with an excluded class could still be lazy loaded.
Upgrade lazysizes library to 5.2.2.

1.2.1

Improve logic for skipping transforming images inside noscript tags. Should fix compatibility issues with Envira Gallery’s noscript fallback. Thanks to snippet24 for reporting.
Fix default options not being selected. If you were affected by this bug, see a list of recommended default options here. Thanks to snippet24 for reporting.

1.2.0

Upgrade lazysizes library to version 5.2.0.
Add opt-in support for Advanced Custom Fields.
The plugin now uses namespaces for PHP classes.
Confirmed working with WordPress 5.3 and PHP 7.4.

1.1.0

Upgrade lazysizes library to version 5.0.0.
Add experimental support for native lazy loading.
Fix fatal error during ajax processing. Thanks to @eastgate for reporting.
Fix PHP warning on certain pages, like the events page from the plugin The Events Calendar. Thanks @julian_wave for reporting.

1.0.0

Big thanks to martychc23 and dutze for their help and patience in making this release as good as it is.

Proper support for the picture tag, by popular request. Big refactoring of the HTML transforming code was done to make picture element support possible.
Improve and fix support for audio/video elements. The plugin now handles the preload attribute and leaves the src attribute alone on source elements inside video/audio.
Opt-in support for get_attachment_image. Please note that the plugin cannot add a no-js fallback for images lazy-loaded using this method.
Add option to enable/disable noscript fallback
Fix plugin action links
Several fixes to improve compatibility

0.3.0

Add support for the aspectratio plugin for lazysizes, which makes images have the right height while loading. Thanks to Teemu Suoranta (@teemusuoranta) for implementing.
If Javascript is turned off, the image tag that would normally be lazy loaded is now hidden properly. Thanks to @diegocanal for reporting and fixing.

0.2.0

Update the lazysizes library to version 4.1.5
Fix lazy loading of elements without a class attribute, like some iframes
Fix translation loading

0.1.3

Remove unused code for advanced settings

0.1.2

Fix text domain loading

0.1.1

Updated readme

0.1.0

Initial version of the plugin

\n"},"short_description":"High performance and SEO friendly lazy loader for images, iframes and more. Many features, like low-res Blurhash placeholders and image fade-in","download_link":"https://downloads.wordpress.org/plugin/lazysizes.1.3.3.zip","screenshots":[],"tags":{"blurhash":"Blurhash","image":"image","lazy-load":"lazy load","lazysizes":"lazysizes","performance":"performance"},"versions":{"0.1.3":"https://downloads.wordpress.org/plugin/lazysizes.0.1.3.zip","0.2.0":"https://downloads.wordpress.org/plugin/lazysizes.0.2.0.zip","0.3.0":"https://downloads.wordpress.org/plugin/lazysizes.0.3.0.zip","1.0.0":"https://downloads.wordpress.org/plugin/lazysizes.1.0.0.zip","1.1.0":"https://downloads.wordpress.org/plugin/lazysizes.1.1.0.zip","1.2.0":"https://downloads.wordpress.org/plugin/lazysizes.1.2.0.zip","1.2.1":"https://downloads.wordpress.org/plugin/lazysizes.1.2.1.zip","1.3.0":"https://downloads.wordpress.org/plugin/lazysizes.1.3.0.zip","1.3.1":"https://downloads.wordpress.org/plugin/lazysizes.1.3.1.zip","1.3.2":"https://downloads.wordpress.org/plugin/lazysizes.1.3.2.zip","1.3.3":"https://downloads.wordpress.org/plugin/lazysizes.1.3.3.zip","trunk":"https://downloads.wordpress.org/plugin/lazysizes.zip"},"donate_link":"","icons":{"1x":"https://ps.w.org/lazysizes/assets/icon.svg?rev=2357198","svg":"https://ps.w.org/lazysizes/assets/icon.svg?rev=2357198"}},{"name":"Imperfect Quotes","slug":"imperfect-quotes","version":"0.9.0","author":"Brandon Ferens, Perfect Space, Inc., Matt Parrott","author_profile":"https://profiles.wordpress.org/mattparrott/","requires":"3.0","tested":"3.3.2","requires_php":false,"requires_plugins":[],"rating":0,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"downloaded":9094,"last_updated":"2012-08-17 3:51pm GMT","added":"2012-08-16","homepage":"http://www.swarmstrategies.com/imperfect-quotes","sections":{"description":"

Use the intuitive and powerful rich text interface to add and edit quotes,
\nusing the ‘featured image’ functionality to add a thumbnail image. Then, use
\neither the supplied widget, a simple shortcode, or a straightforward function
\nin your theme to add either a specific quote or a random quote to your site.

This plugin is a fork of Perfect Quotes. I forked it because it’s an excellent
\nplugin. In some ways, it’s more powerful and flexible than this one. I highly
\nrecommend it if this plugin is too simple for you and you don’t need either
\nthe thumbnail feature or the rich text editing option.

Features

Widget based to easily place your quotes where you like.
A custom shortcode is included if you want to place your quotes within a post or a page.
Based on Custom Post types with its own admin menu.

Support languages

PHP
CSS
jQuery/javascript

\n","installation":"

Upload plugin folder to the /wp-content/plugins/ directory.
Activate the plugin through the “Plugins” menu in WordPress.
Go to the Imperfect Quotes menu and select Add new.
Type in the author.
Type in the quote.
Add a Featured Image to the post (don’t actually insert the image, though!)

It will look something like this:

The trouble with quotes on the internet is that
\nit’s difficult to discern whether or not they are genuine.
\n– Abraham Lincoln [lincoln.jpg]

Widget

Include the widget by going to Appearance > Widgets.
Drag the Imperfect Quotes widget to the area of your choice.
Give your widget a custom title if you wish.

Shortcode

From any page or post, you can add shortcode to display all your quotes.

From the Imperfect Quotes home area, there is a column called Shortcode.
\nFind the particular quote you want and copy the corresponding shortcode.
\nIt looks something like [imperfect_quotes id=”1″].
\nPaste this into your post or onto a page and your quote will magically appear!

For more help

For more help please visit http://www.swarmstrategies.com/imperfect-quotes

\n","faq":"\n

Does your plugin have a feature to randomly select quotes?

Unless you specify the quote by its id, it’ll be randomly selected.

Why am I seeing two pictures of Abraham Lincoln on my page?

That’s because you’re not only associating the quote with a featured image,
\nyou’re adding the image to the quote itself. If you click ‘Use as Featured
\nImage’ at the bottom of the image properties dialog, then ‘X’ out of the
\ndialog, you’ll have a featured image without inserting it into the quote.

While this is a bit counter-intuitive, it gives you the power to insert images
\nand other rich content into quotes when you actually want to do that.

\n\n","changelog":"

0.9.1

Forked! IMPerfect Quotes
Rich text editor for the quote
‘Featured Image’ functionality for thumbnails of the author
Removed ‘Action Button’
Simplified shortcode attributes
Don’t support showing multiple quotes
Don’t support metadata

0.3.3

No more ugly custom field interface! A nice new look that makes entering your quotes much easier!
A brand new editor window feature that allows you to select your quote(s) and insert the shortcode for you!

0.3.2

Renamed some functions to avoid conflict with other plugins

0.3.1

Added a new custom field for displaying where the author is from. It could be a book, or a company, or a… Really anything!

0.3

Added the ability to display random quotes or testimonials.

0.2

Added much better shortcode implementation.
Added the shortcode to the Custom Post overview page for easy integration into your post or page.

0.1

This is the initial release.

\n","screenshots":"

$\"How$
How the quote appears on a website
$\"Manage$
Manage the quotes on the admin page
$\"Add$
Add a thumbnail to your quote

"},"short_description":"Use the intuitive and powerful rich text interface to add and edit quotes,","download_link":"https://downloads.wordpress.org/plugin/imperfect-quotes.0.9.3.zip","screenshots":{"1":{"src":"https://ps.w.org/imperfect-quotes/trunk/screenshot-1.jpg?rev=1539293","caption":"How the quote appears on a website"},"2":{"src":"https://ps.w.org/imperfect-quotes/trunk/screenshot-2.jpg?rev=1539293","caption":"Manage the quotes on the admin page"},"3":{"src":"https://ps.w.org/imperfect-quotes/trunk/screenshot-3.jpg?rev=1539293","caption":"Add a thumbnail to your quote"}},"tags":{"imperfect":"imperfect","imperfect-quotes":"Imperfect Quotes","quote":"quote","quotes":"quotes","widget":"widget"},"versions":{"0.9.0":"https://downloads.wordpress.org/plugin/imperfect-quotes.0.9.0.zip","0.9.1":"https://downloads.wordpress.org/plugin/imperfect-quotes.0.9.1.zip","0.9.3":"https://downloads.wordpress.org/plugin/imperfect-quotes.0.9.3.zip","trunk":"https://downloads.wordpress.org/plugin/imperfect-quotes.zip"},"donate_link":"http://www.swarmstrategies.com/imperfect-quotes","icons":{"default":"https://s.w.org/plugins/geopattern-icon/imperfect-quotes.svg"}}]

Imperfect Quotes

lazysizes

Imperfect Quotes

Get New Themes & Resources