Website completely wrecked after update to 3.18.0

if i turn off “Optimize Image Loading” by setting it to inactive all is resolved. What does that mean?

https://share.zight.com/Jrumr0AP

The question remains why this happens in only one website as it does not happen any other website with the same theme and that setting “active”. It does not make any sense.

• This reply was modified 11 months, 3 weeks ago by neo2k23.

I found the cause.

It is caused by this plugin and elementor. They have a conflict

https://www.ads-software.com/support/plugin/replace-google-fonts-with-bunny-fonts/

The moment this plugin is activated and you are using elementor 3.18.0 the footer of each website will be above the header and the website is totally wrecked.

Tested with a clean wordpress install and hello, astra theme or any elementor theme. They all have the same result.

It is related to a setting in elementor called optimize Image Loading. When set to active (which happens in elementor 3.18.0 by default) the issue starts occuring.

Because the footer is loaded above the header jquery is not loaded and there is a huge amount of jquery errors in the error console.

Checkout these images

https://share.zight.com/qGuY2gqZ

https://share.zight.com/4guRo5Nl

The reason i am using this plugin is because i do not want google tracking on fonts. It is not allowed in the EU. See lawcase in Germany!

But because elementor changed the default setting for “Optimize Image Loading” This issue is now occuring and the replace of the google url does not happen and the website is wrecked. I could of course turn off the setting. But what if i want to use the optimized image loading and the loading of google fonts from bunny.net?

https://share.zight.com/yAunOoRv

Please fix or add google font loading from bunny.net

Thank you

Hello,
Thank you for reaching out.

Just remember that this is not official Elementor support, as we have our official support channels for our customers on our website. Where we can help you with Google source.

Also, at the moment, development/custom code queries (custom widgets and functions, Theme Child, custom code and CSS, BETA testing issues, compatibility issues, etc.) must be directed to our GitHub project, where our developers can assist. Kindly note that our GitHub project is not a support channel. Therefore, the response times may vary.?

To post on our Github Repository, you can follow this guide: Contribution Guidelines

You could also refer to our developers’ documentation and see if that helps: Elementor Developers Documentation Center. 

I hope it will help you with future projects.

Kind Regards,

This was reported more then a month ago on github. Still waiting for a solution. ??

https://github.com/elementor/elementor/issues/24512