We use EWWW Image Optimizer’s Easy IO image CDN to host images for faster load times. However we have a Page Hero block element that places the Featured Image in a background-url and it is not being picked up by the CDN (according to EWWW it is looking for an image or background image tag.
Without rebuilding the Page Hero block to not use a background image and use a regular image instead, is there a way around this?
First, I think I have this figured out by adjusting some configuration settings in EWWW, the background-urls as images are now being picked up (once I configured EWWW to “include all resources,” not just images).
I believe what EWWW is looking for is this https://www.w3schools.com/css/css_background_image.asp – it looks for (by default) an img tag or background-image property, but since GP uses –background-url:url, it doesn’t find the background image to include in its CDN.
It looks to me like “style=”–background-url:url(https:// … is a GP item? I don’t find any css property for a –background-url:url (but I’m far from a css guru!).
I do have this working now, a bit curious as to the usage but not a big deal, you can close the ticket. Thanks!
but since GP uses –background-url:url, it doesn’t find the background image to include in its CDN.
So the plugin is looking for a background image CSS? If so, you can disable the inline option in GB when you set the background image, so that GB generates the usual background image CSS 🙂
But anyway glad the configuration in the plugin went well!