Mobile Menu does not respond

  • Resolved aiyanna777

    (@aiyanna777)


    5 years ago

    Hi,

    I use the automated critical css API with the Autoptimize plug in.

    Since I enabled it, the hamburger menu on the mobile version of the page does not respond anymore.

    Before I used the automated critical css API, I had that problem when I ebabled “Inline “above the fold CSS” while loading the main autoptimized CSS only after page load”

    Maybe that is a hint to find the problem.

    What can I do?

    Thanks,
    Aiyanna

    • This topic was modified 5 years ago by aiyanna777.

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

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

    (@optimizingmatters)

    I see a JS error on the browser console; “php_data is not defined”. Try not forcing JavaScript in head to fix that error and then test if the problem with the mobile menu is fixed too.

    hope this helps,
    frank

    Thread Starter aiyanna777

    (@aiyanna777)

    Hi Frank,

    Thank you. That solved the problem, but it also made the website very slow in terms of loading again. Despite the automated critical css in place I get a “Remove unused CSS” and “Eliminate render-blocking resources” error. Her eis a link to the page speed insight errors: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Faiyanna.de%2F

    Is there any way to solve that and get the speed up again?

    Thanks
    Aiyanna

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    re. render-blocking resources: those are 2 javascript files, jQuery and recaptcha. for recaptcha try adding that to Autoptimize -> Extra -> async javascript.

    For jQuery you could try to;
    * remove js/jquery/jquery.js from the Autoptimize exclusion JS field
    * or tick the “Defer jQuery and other non-aggregated JS-files?” option in AO CCSS advanced options

    In both cases test extensively to see nothing breaks.

    Another important one are the next-gen image formats, use Autoptimize -> Images (optimize + lazyload + webp) or any other plugin that selectively adds webp support.

    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.

    hope this clarifies,
    frank

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile Menu does not respond’ is closed to new replies.