Hello!
My name is Piotr, I’m a QA engineer working for WP Rocket. Lately, I was dealing with a site that’s using your awesome builder.
It looks like we have a small incompatibility between your Lazy Load feature and our Add Image Dimensions option. Let me explain what we’re doing with it:
If we find an image that doesn’t have height/width attributes in the HTML, we’re adding it by using the PHP ‘getimagesize’ function.
The problem is related to the fact that for Lazy Load, you’re using a GIF placeholder which is 1×1 px. This is being used when the HMTL is processed by WP Rocket, so the image height and width is set to 1×1 px, causing a broken layout 🙁
On our end, we could exclude all images that are lazyloaded by you from this feature, unfortunately, that’s not the perfect solution in terms of performance. Here’s what could be done on your end that would resolve the compatibility problem between our products:
-Adding the height/width attributes on your end
-Changing the placeholder from GIF image to SVG, for example:
https://snippi.com/s/bbbtcmw (we’re using it for our LazyLoad script)
-You could also give us a possibility to disable your Lazy Load with a filter
Maybe you have a better idea of how to resolve it, if so, please let me know.
Have a wonderful Christmas time 🙂
Piotr