Section Background images in elementor are not pushed through cloudfront cdn

[elementor]

When an image is used as a background for a section in elementor it is not pushed through the CDN. Is there some work around for this or way to cause litespeed to apply the cdn to these background images?

<section data-id="2c2c596" class="elementor-element elementor-element-2c2c596 elementor-section-stretched elementor-section-height-min-height elementor-section-items-bottom elementor-section-boxed elementor-section-height-default elementor-section elementor-top-section" data-settings="{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}" data-element_type="section" style="width: 1531px; left: -195.667px;"><div class="elementor-background-overlay"></div><div class="elementor-container elementor-column-gap-default"><div class="elementor-row"><div data-id="c4d4f8f" class="elementor-element elementor-element-c4d4f8f elementor-column elementor-col-100 elementor-top-column" data-element_type="column"><div class="elementor-column-wrap  elementor-element-populated"><div class="elementor-widget-wrap"><div data-id="43721f7" class="elementor-element elementor-element-43721f7 elementor-widget elementor-widget-heading" data-element_type="heading.default"><div class="elementor-widget-container"><h1 class="elementor-heading-title elementor-size-default">Best Furniture Removalists Newcastle NSW</h1></div></div><div data-id="307a839" class="elementor-element elementor-element-307a839 elementor-widget elementor-widget-heading" data-element_type="heading.default"><div class="elementor-widget-container"><h2 class="elementor-heading-title elementor-size-default">Local Removalists Newcastle moving company you can trust for Home &amp; Business.</h2></div></div><div data-id="e21051b" class="elementor-element elementor-element-e21051b elementor-widget elementor-widget-button" data-element_type="button.default"><div class="elementor-widget-container"><div class="elementor-button-wrapper">
<a href="tel:+61249431965" class="elementor-button-link elementor-button elementor-size-sm" role="button">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">Call 02 4943 1965 for a Free Quote</span>
</span>
</a></div></div></div><div data-id="ea5af81" class="elementor-element elementor-element-ea5af81 elementor-widget elementor-widget-text-editor" data-element_type="text-editor.default"><div class="elementor-widget-container"><div class="elementor-text-editor elementor-clearfix"></div></div></div></div></div></div></div></div></section>

.elementor-2 .elementor-element.elementor-element-2c2c596:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-2c2c596>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-image: url(https://www.bestremovalistsnewcastle.com.au/wp-content/uploads/2019/03/truck-e1552338356826.jpg);
    background-position: top center;
    background-size: cover;

 

[Pong]

I can see some js, css, woff2 files served from x-cache:Hit from cloudfront

A few jpeg files are not from cloudFront:
https://www.bestremovalistsnewcastle.com.au/wp-content/uploads/2019/03/truck-01_0a23c38a1195e99f95df3fef26400008.jpg
https://www.bestremovalistsnewcastle.com.au/wp-content/uploads/2019/03/moving-02_e0852efa67e0c0c8176be6094b27f6b6.jpg
https://www.bestremovalistsnewcastle.com.au/wp-content/uploads/2019/03/boxes-03_760df21cf718021b93dbc9969184db9d.jpg

However this jpeg file is from cloudfront:
https://d2xmr138a8s0hp.cloudfront.net/wp-content/uploads/2019/03/trailers.jpg

seems some mixed results.

Did you configure Litespeed cache plugin image optimization options?

 

[elementor]

On the media tab, every option is enabled except preserve exif data.

Any jpg that is within a content element such as an image block seems to work ok but not a background image.

 

[hai]

Images in extra css files won't be replaced. That is to say, currently there is no way to replace it with CDN by LSCWP.

For further LSCWP questions, please ask in https://wordpress.org/support/plugin/litespeed-cache/

 

[elementor]

ok. ive created a support request there
https://wordpress.org/support/topic/background-images-in-elementor-are-not-optimised/