Improvements for responsive images in WordPress.
This plugin implements experimental enhancements for the responsive images functionality in WordPress. Currently, this includes:
sizes
attribute by using available layout information in the theme.sizes="auto"
to lazy-loaded images. See the HTML spec issue Add “auto sizes” for lazy-loaded images.This plugin integrates with the Image Prioritizer plugin. When that plugin is active, it starts learning about which images are not in the initial viewport based on actual visitors to your site. When it knows which images are below the fold, it then adds loading=lazy
to these images. This plugin then extends Image Prioritizer to also add sizes=auto
to these lazy-loaded images.
There are currently no settings and no user interface for this plugin since it is designed to work without any configuration.
/wp-content/plugins/
directory.Feedback is encouraged and much appreciated, especially since this plugin may contain future WordPress core features. If you have suggestions or requests for new features, you can submit them as an issue in the WordPress Performance Team’s GitHub repository. If you need help with troubleshooting or have a question about the plugin, please create a new topic on our support forum.
The Performance team and WordPress community take security bugs seriously. We appreciate your efforts to responsibly disclose your findings, and will make every effort to acknowledge your contributions.
To report a security issue, please visit the WordPress HackerOne program.
Contributions are always welcome! Learn more about how to get involved in the Core Performance Team Handbook.
Features
sizes
algorithm. (1250)Enhancements
sizes
for left/right/center alignment. (1290)Auto-sizes for Lazy-loaded Images
plugin name to Enhanced Responsive Images
. (1335)Documentation