Replies: 0
I turned on Lazy Load on a site that uses WooCommerce. On the product page, the first image does not fully load. The width is fine, but only a sliver, about 35px initially loads and underneath that are other gallery images.
If I click on the image, the image and the rest of the images in the gallery slider are fine, no problems and the image show properly.
Think this is a timing issues. As the main image starts to load, the gallery images load and block the display. I have seen this issue discussed on GitHub.
I don’t think this is a browser issue, it happens on FireFox and Chrome.
I turned off Lazy Load and the problem disappears. Lazy Load does work well on the catalog pages where I need it most.
Is there a way to filter Lazy Load so I will not work on a product page? That would seem to be an ideal fix.
I think the issue, or similar, is discussed here. https://github.com/Automattic/jetpack/issues/8995