• Resolved amhealy8

    (@amhealy8)


    Hi friends!

    I just installed the WP-Optimize plugin yesterday (I optimized my database, compressed images, enabled cache, and enabled minifiy) and noticed that all of my images have disappeared from my homepage and posts. Sharing an example of a post. I also use a separate Visual Portfolio plugin on my homepage and Recipe pages for the grid layout and that’s also giving me the spinning wheel of death look.

    To confirm, all images are still present in the Media Library and still visible on all pages/posts when I navigate to each in the Editor and preview. They just disappear when looking at my published site.

    Not sure what’s going on here, but hoping someone can help!

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter amhealy8

    (@amhealy8)

    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…?

    Plugin Support vupdraft

    (@vupdraft)

    Can you try disabling the minification of the JS and CSS separately so we can see which minfication option is causing the issue?

    Thread Starter amhealy8

    (@amhealy8)

    Sure! I’ve enabled Minify and both HTML and Java are enabled. CSS is not enabled. (and looks like my images have disappeared)

    Plugin Contributor Venkat Raj

    (@webulous)

    @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

    Thread Starter amhealy8

    (@amhealy8)

    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
    Plugin Support vupdraft

    (@vupdraft)

    @amhealy8 according to your source code, you using jetpack to lazy load your images.

    Thread Starter amhealy8

    (@amhealy8)

    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!

    Plugin Contributor Venkat Raj

    (@webulous)

    @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

    Thread Starter amhealy8

    (@amhealy8)

    @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  
Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Installed WP-Optimize’ is closed to new replies.