Lazy Load Conflict with Smush Pro

  • Resolved pixelpanther

    (@pixelpanther)


    4 years, 10 months ago

    When Smush Pro by WPMUDEV has Lazy Load turned on, and Autoptimize is active, I see the following error in the console:

    Uncaught ReferenceError: lazySizes is not defined

    This happens even when lazyloading is NOT enabled in Autoptimize.

    Any suggestions?

    Thanks

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

    (@optimizingmatters)

    4 years, 10 months ago

    can you share a URL whare smush pro is active so I can see what could be happening?

    wpgoose

    (@wpgoose)

    4 years, 5 months ago

    Same thing is happening to me. I am unable to currently share my url sorry

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    4 years, 5 months ago

    Can you try excluding the wp-smush plugin directory from AO JS optimization @wpgoose?

    davidtorresocana

    (@davidtorresocana)

    4 years, 4 months ago

    I am still getting the same error, even after excluding wp-content/plugins/wp-smushit from JS optimisation.
    Actually, even if I disable JS optimisation, the problems persists.
    Any idea why this is happening? I am using Smush for image optimisation and lazy load.

    —–EDIT—–
    It seems that Autoptimize CriticalCSS.com Power-Up is causing the conflicts, since deactivating it remove all JS errors I was having.

    Any idea how to prevent this from happening?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    4 years, 4 months ago

    that’s … surprising 🙂 what exact JS errors were you having that went away when deactivating AO CCSS @davidtorresocana ?

    davidtorresocana

    (@davidtorresocana)

    4 years, 4 months ago

    Hi

    Thank you for the quick response.

    Some context:

    • AO JS settings: JS optimisation, unifying JS files and excluding: wp-includes/js/dist/, wp-includes/js/tinymce/,js/jquery/jquery.js,wp-content/plugins/wp-smushit,wp-content/plugins/contact-form-7
    • AO CSS settings: unifying CSS files, inline and defer CSS activated:
    • With AO CCSS deactivated, there are no JS errors.
    • When I activate AO CCSS plugin, I get:
    • ReferenceError: lazySizes is not defined: Related to Smush, I understand
    • ReferenceError: grecaptcha is not defined: Related with CF7, I understand
    • Uncaught TypeError: qodeIcon is not a function: No idead where it comes from
    Plugin Author Optimizing Matters

    (@optimizingmatters)

    4 years, 4 months ago

    you probably have the “defer jQuery and other non-aggregated” advanced option on in AO CCSS @davidtorresocana , if you disable that all should be fine 🙂

    davidtorresocana

    (@davidtorresocana)

    4 years, 4 months ago

    Hello

    I do not have that option: I have AO version 2.5.1

    AS I said, even if I disable JS optimisation, as long as AO CCSS and “inline and defer CSS” are activated, I get same errors.

    Any clue?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    4 years, 4 months ago

    I do not have that option: I have AO version 2.5.1

    that option is in the “critical CSS” advanced settings 🙂

    davidtorresocana

    (@davidtorresocana)

    4 years, 4 months ago

    That might explain it 🙂

    Thank you!

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    4 years, 4 months ago

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

    frank

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Lazy Load Conflict with Smush Pro’ is closed to new replies.