Just for reference, here is what I have checked as options:
Optimize CSS Code
Aggregate CSS-files
Also aggregate inline CSS
Exclude CSS from Autoptimize: wp-content/cache/, wp-content/uploads/, admin-bar.min.css, dashicons.min.css
Optimize HTML Code
Can we write? Yes
Save aggregated script/css as static files
Minify excluded CSS and JS files
Enable 404 fallbacks
Also optimize for logged in editors/ administrators
Please help. I don’t know what to do and I need to fix this quickly 🙁
Quick stab: your theme is not using the stock jQuery provided by WordPress core, try adding saasland-core/assets/js/jquery to the comma-separated list of JS optimization exclusions?
If that is not enough we’ll have to take a step back and try to identify what is breaking things by just disabling CSS or JS or HTML or Image optimization (incl. lazyload). Based on that we can see what the next steps need to be 🙂
frank
Ok I added the file. Unfortunately it didn’t work. I started disabling each thing and the disabling the JS seems to have worked so I guess that is what is causing a conflict somewhere.
OK, when JS optimization is active, what JavaScript errors do you see on the browser console?
Ok so here are the errors:
Uncaught ReferenceError: elementorModules is not defined
at elementor-admin-bar.min.js:2
at elementor-admin-bar.min.js:2
at elementor-admin-bar.min.js:2
autoptimize_818950a6f6e46255618757fcc76d30e7.js:198
Uncaught TypeError: Cannot read property 'classList' of null
at autoptimize_818950a6f6e46255618757fcc76d30e7.js:198
at autoptimize_818950a6f6e46255618757fcc76d30e7.js:217
admin-bar.min.js?ver=5.7.2:2
Uncaught TypeError: u.hoverintent is not a function
at HTMLDocument.<anonymous> (admin-bar.min.js:2)
DevTools failed to load source map: Could not load content for chrome-extension://fheoggkfdfchfphceeifdbepaooicaho/sourceMap/chrome/iframe_handler.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load source map: Could not load content for chrome-extension://fheoggkfdfchfphceeifdbepaooicaho/sourceMap/chrome/content.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load source map: Could not load content for https://www.super.tech/wp-content/cache/autoptimize/css/bootstrap.min.css.map: HTTP error: status code 410, net::ERR_HTTP_RESPONSE_CODE_FAILURE
OK, given elementor-admin-bar.min.js you’re looking at the site as a logged in user, can you open an anonymous/ private browser window and retest as visitor to see if things are also broken there and if so what JS errors are visible in that case?
Yes. From an incognito window these are the errors:
Uncaught TypeError: Cannot read property ‘classList’ of null
at autoptimize_5407575594790d7d0176115709c877d4.js:198
at autoptimize_5407575594790d7d0176115709c877d4.js:217
DevTools failed to load source map: Could not load content for https://www.super.tech/wp-content/cache/autoptimize/css/bootstrap.min.css.map: HTTP error: status code 410, net::ERR_HTTP_RESPONSE_CODE_FAILURE
I’m seeing the same error now, without JS optimization active actually;
This is coming from wp-content/plugins/saasland-core/assets/js/main.js and seems related to Elementor and “magnific popup” for YouTube popups?
Oh and for the error when logged in; consider disabling the “also optimize for logged in editors/ administrators” on Autoptimize’s main settings screen.
Hmmm you’re right. The error is the same but somehow it is only affecting the page when the option to aggregate the js is turned on? Is the error like messing up the aggregator?
well, when aggregating errors can impact other JS, so maybe try excluding wp-content/plugins/saasland-core from JS optimization?
OmG woohoo that worked!
Thank you so much!
you’re welcome, feel free to leave a review of the plugin and support here! 🙂
have a nice day!
frank
