header image not loading (hero slide) after update

  • Resolved mirash

    (@mirash)


    4 years, 10 months ago

    Hi,

    I updated to V 2.7.2 and now the slider that sits in the header widget is not loading any more.
    I have to switch off aggregate JS files, Inline CSS (with critical CSS) for it to load properly again.

    In Developer tools I find this:
    Uncaught ReferenceError: moment is not defined
    at (index):38
    (index):38 Uncaught ReferenceError: lazySizes is not defined
    at (index):38
    jquery-migrate.min.js:2 JQMIGRATE: Migrate is installed, version 1.4.1
    cookieconfig.min.js:1 opt-in
    cookieconfig.min.js:1 fire cmplz_event_functional
    froogaloop2.min.js:1 Failed to load resource: net::ERR_CERT_COMMON_NAME_INVALID
    VM59:1 Uncaught ReferenceError: hslide_default_object_1ff8b4d52996472bab0e269587fce487 is not defined
    at eval (eval at hslide_initialise_frontend (autoptimize_single_d229f987ffc049fa75cfc14f54c191a5.js:1), <anonymous>:1:1)
    at hslide_initialise_frontend (autoptimize_single_d229f987ffc049fa75cfc14f54c191a5.js:1)
    at HTMLDocument.<anonymous> ((index):20)
    at i (jquery.js:2)
    at Object.add [as done] (jquery.js:2)
    at n.fn.init.n.fn.ready (jquery.js:2)
    at a.fn.init.n.fn.init (jquery.js:2)
    at new a.fn.init (jquery-migrate.min.js:2)
    at n (jquery.js:2)
    at aoDeferInlineJQuery ((index):20)
    gtm.js:1 Failed to load resource: the server responded with a status of 404 ()

    Unfortunately I don′t know what that means. Also, Idon′t know how to find a script or CSS to exclude it from Autoptimize.

    Thank you,
    kind regards,
    Mira

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

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    OK, can you;
    1. disable the “defer jQuery” option in Autoptimize -> Critical CSS -> advanced settings?
    2. check if /wp-includes/js/dist/ is in the JS optimization exclusions
    3. either disable lazyload in Autoptimize or in Smush (you’re using both at the moment, which is not .. recommended)

    frank

    Thread Starter mirash

    (@mirash)

    Hi Frank,
    thanks for the quick answer.
    I did all that you recommended, unfortunately the problem persists unless I disable the aggregate JS files, which makes the site very slow.
    Is there a way to exclude just that header widget?

    kind regards,
    Mira

    Thread Starter mirash

    (@mirash)

    Also, I noticed just now that the menu is not working (not showing the dropdown)

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    I’m seeing “jQuery is not defined” errors, so you’ll have to make sure js/jquery/jquery.js is in the JS optimization exclusion list.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    and can you also disable “try/catch wrapping”?

    Thread Starter mirash

    (@mirash)

    switching off try/catch wrapping did the trick for the widget area. The images are back. Thank you!
    But the menu is still not working….

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    try excluding themes/weaver-xtreme/assets/js/smartmenus/jquery.smartmenus.min.js or if that does not work themes/weaver-xtreme/?

    Thread Starter mirash

    (@mirash)

    That′s it! Thanks!!!!!
    How can I find what to exclude by myself for the future?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    well, I saw TypeError: jQuery(...).smartmenus is not a function in the browser console so I had a look at the un-optimized page (by adding ?ao_noptimize=1 to the URL) and looked for smartmenus in there.

    Thread Starter mirash

    (@mirash)

    Thanks!
    another question: in google site speed I am getting “remove unused CSS”. And the url:https://www.medicinapsicosomatica.es/wp-content/cache/autoptimize/css/autoptimize_33552042c2f882af8fa655183eb79aa1.css

    What does that mean?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    The unused CSS is being reported as being Autoptimize’s, but AO merely aggregates all the CSS provided by your theme & plugins, so if you (really) want to tackle “remove unused CSS” then you should look into your theme & plugins (you might be able to get some improvement using e.g. “plugin organizer” to only allow plugins to work on specific pages). Moreover the unused CSS will likely be different for different pages (or parts of your site), so that would lead to different autoptimized CSS-files being loaded on different pages.

    My suggestions; don’t obsess over GPSI “opportunities” but focus on real spead (time to first byte, time to start render/ significant paint, onLoad time, …) instead ??

    hope this clarifies,
    frank

    Thread Starter mirash

    (@mirash)

    Thank you so much, Frank! Fantastic customer service ??

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    you’re welcome, feel free to leave a review of the plugin and support here ??

    have a nice day!
    frank

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘header image not loading (hero slide) after update’ is closed to new replies.