The lazy loading feature currently does not support srcset after the image has been loaded which causes issues if the screen size changes after the image has been loaded.
Upload an image that is 2000px width.
Content area max-width is 1920px.
Browser window is at 1000px when the page loads so it grabs the “Large” crop of 1024px width.
Expand the browser window out to 1920px.
The image will stop at 1024px instead of continuing to expand with the content width.
The current implementation can break layouts when resizing the browser on desktop or changing from portrait to landscape on phones/tablets.
For comparison, the lazy loading feature of Jetpack switches data-srcset to srcset so that the images are properly responsive once on screen. This seems like the correct way to handle this to actually support responsive images and I would love to see it implemented so that this plugin can handle even more tasks for me!
(Not necessarily a deal breaker like above but I really dislike the fade in. The trigger should be set before the image is in the viewport so that the plugin doesn’t have to implement a design feature like every image fading into the screen when all I want is the optimization feature of lazy loading images.)
- The topic ‘Lazy load srcset support’ is closed to new replies.