Okay, interesting. When I disable Minify (per the warning box messaging), all of my images come back to life on my published site. What am I doing wrong here that’s causing the issue I wonder…?
Can you try disabling the minification of the JS and CSS separately so we can see which minfication option is causing the issue?
Sure! I’ve enabled Minify and both HTML and Java are enabled. CSS is not enabled. (and looks like my images have disappeared)
@amhealy8 Could you please share a screenshot of browser console errors when you activate JS Minify? It looks like lazy loading of images aren’t working
Sure, though just to clarify, I am using the free version and I think Lazy Load is a premium feature…? Here’s what dev tools is showing:
The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://goo.gl/7K7WLu
IZ @ chunk-FQFDTNX7.js:120
chunk-PP47MAMX.js:1
The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://goo.gl/7K7WLu
D @ chunk-PP47MAMX.js:1
chunk-PP47MAMX.js:1
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD
jquery-migrate.min.js:2
JQMIGRATE: Migrate is installed, version 3.4.0
3-ingredient-guacamole-recipe:732
Unrecognized feature: 'web-share'.
wpo-minify-footer-35bd8e03.min.js:52
Uncaught SyntaxError: Cannot use import statement outside a module
chunk-PP47MAMX.js:1
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD
chunk-FQFDTNX7.js:285
Uncaught (in promise) TypeError: e.querySelectorAll is not a function
at Ji (chunk-FQFDTNX7.js:285:13067)
at chunk-FQFDTNX7.js:117:8089
at Array.forEach (<anonymous>)
at Object.hP [as standard] (chunk-FQFDTNX7.js:117:8065)
at async NX (chunk-FQFDTNX7.js:118:1031)
at async bc (chunk-FQFDTNX7.js:21:83975)
at async Ki (chunk-FQFDTNX7.js:118:1205)
3DevTools failed to load source map: Could not load content for chrome-extension://ljflmlehinmoeknoonhibbjpldiijjmm/iframes/main.js.map: System error: net::ERR_FILE_NOT_FOUND
3-ingredient-guacamole-recipe:1
Uncaught (in promise) Error: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received
@amhealy8 according to your source code, you using jetpack to lazy load your images.
Oh shoot, you’re right. So do we think then the issue is over there and not WP-Optimize? Sorry, new to this stuff. Any tips you might have would be welcomed!
@amhealy8 You could try to exclude the scripts related to lazy loading from being processed by WP-Optimize. See here…
https://prnt.sc/JAJLV3peOmdQ
You may also want to make sure that there is no JS console error in the browser when WP-O is deactivated. If it is fine, then you might want to exclude this script too chunk-PP47MAMX.js
@webulous – thanks for the advice. Given the overlapping capabilities, I ended up swapping out Jetpack for a different security plugin and my images returned on my posts even with the existing JS minify configuration! Appreciate your and @vupdraft’s help here.
There is still a separate problem with my homepage though (https://functionalhomecooking.com/). When JS Minify is enabled the block using the Visual Portfolio plugin is not appearing.
Let me know if you’d prefer I submit a new ticket, but here’s an output from dev tools below. Any thoughts on what’s going on here?
The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://goo.gl/7K7WLu
IZ @ chrome-extension://l…unk-FQFDTNX7.js:120
The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://goo.gl/7K7WLu
D @ chrome-extension://l…chunk-PP47MAMX.js:1
jquery-migrate.min.js:2
JQMIGRATE: Migrate is installed, version 3.4.0
chrome-extension://l…chunk-PP47MAMX.js:1
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD
wpo-minify-footer-9cbbabe4.min.js:63
Uncaught SyntaxError: Cannot use import statement outside a module
functionalhomecooking.com/:1 Uncaught (in promise) Error: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received
