Add responsive images
Responsive Images delivers appropriately sized images to fit the actual render size.
Your images must have different sizes generated using WordPress/theme and should be available in srcset attribute.
If it's a background image inserted using CSS or the image is lazy-loaded by your theme or some other plugin, responsive images will not work.
Responsive Images calculate the required width of the image at the render time and append it to the URL of the image. Since the URLs are generated at render time, it's impossible to predict the URL and preload it.
Your images must have different sizes generated using WordPress/theme and should be available in srcset attribute.
Why am I still getting properly sized warnings?
If it's a background image inserted using CSS or the image is lazy-loaded by your theme or some other plugin, responsive images will not work.
Why are images not preloaded anymore?
Responsive Images calculate the required width of the image at the render time and append it to the URL of the image. Since the URLs are generated at render time, it's impossible to predict the URL and preload it.
Updated on: 05/04/2024
Thank you!