” Optimize CSS Delivery” = mobile menu fail

  • Resolved ChokDK

    (@chokdk)


    7 years, 4 months ago

    Love this plugin!
    However, when I use
    Optimize CSS Delivery it makes my mobile menu not responding.
    Any suggestions?
    http://www.bryllupsmusik.info (using Avada theme)
    EDIT: For now I have turned
    Optimize CSS Delivery off

    • This topic was modified 7 years, 4 months ago by ChokDK.
Viewing 11 replies - 1 through 11 (of 11 total)
  • Geronimox

    (@geronimox)

    7 years, 4 months ago

    Hello ChokDK.

    I’ve got the same problem for the mobile menù (Avada theme).

    Same problem to me.

    Whithout the Delivery CSS optimization these plugin is useless to me.

    • This reply was modified 7 years, 4 months ago by Geronimox.
    Plugin Author optimalisatie

    (@optimalisatie)

    7 years, 4 months ago

    Hi ChokDK and Geronimox,

    The issue you are experiencing is most likely related to a script that has async compatibility issues. More information can be found in the documentation for making Google AdSense async compatible:

    https://support.google.com/adsense/answer/3221666?hl=en

    Regrettably I do not have access to the Avada theme. I am willing to investigate it for free if you would provide me with admin access to a website with the Avada theme.

    [ Signature moderated ]

    • This reply was modified 7 years, 3 months ago by Jan Dembowski.
    Thread Starter ChokDK

    (@chokdk)

    7 years, 4 months ago

    Hi Jan
    I’ve sent you an email 🙂
    Sorry I didn’t see this earlier.

    Regards
    Chris

    Geronimox

    (@geronimox)

    7 years, 4 months ago

    Created an account on the site.

    Plugin is activated.

    System have send you access info?

    Thanks for the help.

    • This reply was modified 7 years, 4 months ago by Geronimox.
    Plugin Author optimalisatie

    (@optimalisatie)

    7 years, 4 months ago

    Hi Chris and Geronimox,

    Thank you for sharing access! I’ve discovered that the problem was simply related to inline theme scripts that depend on javascript files to be loaded in the header, that failed when the javascript files are loaded asynchronously.

    To solve the problem it would be sufficient to install a minification plugin such as Autoptimize and include inline scripts in the minification.

    At the website from Geronimox Autoptimize was already installed, however, in simple modus without the inline script minification option. I’ve installed and configured Autoptimize on your websites and the mobile menu appears to be working well now.

    The Above The Fold Optimization plugin currently does not have critical CSS configured, causing a Flash of Unstyled Content. You can fine-tune the Critical CSS using the Quality Test tab.

    Let me know if the issue is resolved!

    [ Signature moderated ]

    • This reply was modified 7 years, 3 months ago by Jan Dembowski.
    Thread Starter ChokDK

    (@chokdk)

    7 years, 4 months ago

    Waaaooh! That speeded up site by 12-15% (Google Pagespeed).
    Thank you a lot to have a look at this.
    I wish I knew how to do the critical CSS – maybe some helpful noob documentation to get started would be great 😉

    Geronimox

    (@geronimox)

    7 years, 4 months ago

    Great.

    Now it’s ok and works properly also on Mobile.

    Next days I’ll try to make better CSS configurations.

    My best regards, Antonello.

    Thread Starter ChokDK

    (@chokdk)

    7 years, 4 months ago

    I see the “Donate to this plugin” doesn’t show any info about how to donate 😉
    https://wordpress.org/plugins/above-the-fold-optimization/developers/

    @geronimox where do you start to get info (Avada-wise) to do the Critical CSS?

    Best regards
    Chris

    Geronimox

    (@geronimox)

    7 years, 4 months ago

    Well I just want to test by miself.

    Following the quality test, like PageSpeed.pro suggest.

    akingbenga

    (@akingbenga)

    7 years, 4 months ago

    I rated this plugin 5 stars and I believe it deserves it. But I need help. It seems to be messing up the layout and js query on my site. I use Themeforest’s VideoTouch theme. When Abovethefold is activated, (1) video carousel stops displaying as carousel but rather as individual videos stacked over another and (2) Othe video iframes simply do not load at all!! Pagespeed.pro can you go in an check please? I can give you admin access whenever you are ready. Thanks

    Thread Starter ChokDK

    (@chokdk)

    7 years, 4 months ago

    wuuh – maybe this video 🙂 How to Eliminate Render Blocking CSS in Above-the-Fold Content in WordPress

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘” Optimize CSS Delivery” = mobile menu fail’ is closed to new replies.

Tags