Support » Plugin: Autoptimize » Mobile menu breaks with Aggregate JS-files enabled

  • Resolved fulltimesav

    (@fulltimesav)


    Love the plugin! Very effective!

    I’m having a problem where my mobile hamburger menu breaks and becomes unresponsive when I enable “aggregate js-files.” I know I probably have to exclude some JavaScript but I’m not knowledgeable enough to begin to know where to find this. Any help would be appreciated! Url is [snip]

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

Viewing 5 replies - 16 through 20 (of 20 total)
  • Thread Starter fulltimesav

    (@fulltimesav)

    Thank you very much for your help! I figured it out. There is a setting in Elementor > Settings > Experiments called “Page Transitions.” Making “page transitions” inactive fixes the mobile menu issue.

    Note that if you have this problem with someone else, they will need to “clear cache” (top menu bar for me) and “Regenerate Files & Data” under Elementor > Tools > General for the changes to take affect.

    One disappointing outcome of making the “page transitions” feature inactive is that it causes my performance bubble in page speed insights to drop by about 30% on both desktop and mobile. So although autoptimize helped bring my score up, it looks like it could be much higher if I were able to keep “page transitions” active.

    It also appears that I still have an error with my Viglink code also according to console. Should I make another thread for this or can we diagnose that here also?

    Thank you again for all your help I really appreciate it!

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    what vglink error do you see on the console (i haven’t seen it) and does it persist when not aggregating but deferring (incl. inline JS)?

    Thread Starter fulltimesav

    (@fulltimesav)

    These are the errors I see. The viglink one persists even with defer enabled:

    JQMIGRATE: Migrate is installed, version 3.3.2
    (index):1341 GET https://cdn.viglink.com/api/vglnk.js net::ERR_BLOCKED_BY_CLIENT
    (anonymous) @ (index):1341
    (anonymous) @ (index):1342
    functions.js:1056 Pixel Manager for WooCommerce: free | distro: fms | version: 1.30.2
    analytics-talk-content-tracking.js?ver=1.16.2:49 Article loaded
    DevTools failed to load source map: Could not load content for https://www.jasonguyphotography.com/vegas.min.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
    DevTools failed to load source map: Could not load content for https://www.jasonguyphotography.com/wp-content/plugins/download-manager/assets/bootstrap/js/bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    net:ERR_BLOCKED_BY_CLIENT is very likely simply your adblocker blocking vglink.js download, not related to AO really 🙂

    Thread Starter fulltimesav

    (@fulltimesav)

    Got it! Thank you again for your help!

Viewing 5 replies - 16 through 20 (of 20 total)
  • The topic ‘Mobile menu breaks with Aggregate JS-files enabled’ is closed to new replies.