Background Images in Elementor are not optimised

Currently it can’t be replaced. But we did have a todo plan to replace it with CDN .

ok good thanks.

Sorry to bump this… but i have just ran into this issue as well.

I know it was only a month ago you said its on your todo… but im curious if there is any info as to how long it might be?

Apologize for the delay. We currently don’t have any ETA for this enhancement.

This will be done in the process of optimizing CSS improvement, which is a low priority currently.

I will temporarily mark this topic as resolved. Once this feature is added, I will update here.

Hello

I’m facing the same issue but with Keycdn CDN: all my images are pulled to their POP servers except the Elementor bakckground images…

Too bad because, background images are often the biggest ones…

FYI background images that are in generated Elementor CSS files are not pulled EXCEPT background images that are inlined in the HTML source code, example:

https://my-cdn.kxcdn.com/min/5b1fd.css content this:

.elementor-119 .elementor-element.elementor-element-3965a6b2:not(.elementor-motion-effects-element-type-background), .elementor-119 .elementor-element.elementor-element-3965a6b2>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-image: url(https://my-site.com/wp-content/uploads/2019/08/implantations-notilus.jpg);
    background-position: bottom center;
    background-size: cover;
}

>> This image is not pulled.

But somewhere in th HTML source code there is:

<style id='elementor-frontend-inline-css' type='text/css'>
.elementor-119 .elementor-element.elementor-element-2f051d1d:not(.elementor-motion-effects-element-type-background), .elementor-119 .elementor-element.elementor-element-2f051d1d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://my-site.com/wp-content/uploads/2019/08/contact.jpg");}
</style>

>> This image IS pulled.

Thanks

• This reply was modified 5 years, 1 month ago by pako69.

@hailite Are there already any plans or progress in this issue ?? ?

UP

Hello,

I have the same issue and that’s an important matter as background images are the heaviest, so my whole website is slowed down because of this missing feature.

Can you tell us if it’s going to come soon ?

Many thanks,

• This reply was modified 4 years, 6 months ago by mistmath.

Hi guys,
Same here…I need this feature.
Please add this soon.
Thanks

Should we request Elementor any change to make this work?

would really like to see this happen… well over a year now?

I have the same problem with Elementor Background images, when using BunnyCDN as a mapped CDN on Litespeed cache.

For everyone here:
I did see much better results when using Cloudfare CDN with Railgun. these particular images load faster, however I was told that BunnyCDN is faster when working correctly so LITESPEED CACHE should resolve this of course, and ASAP.

LiteSpeed cache developers can you solve this for us perhaps?

Thanks.

This needs addressing as the lack of CDN support for background images has a negative impact on GTMetrix scores (which many clients look at with all the questions that follow…).

I found this post on Elementor support :
Elementor Pro Tip of the day: If you use a CDN and notice that your Elementor section background images are still calling from the WP Media library, and not the CDN address then use this trick. This fixes your YSlow score. Upload the image to a post and copy the CDN address. Also, use the inspect element tool to find your background class CSS for that section. Then add the image in via the additional CSS area instead of the Elementor Style tab. This can help get your YSlow up to the 100.

@sophie7du
Thanks for the tips, but it’s too much work to do…