Mobile Menu Time to Interactive

Hi again,

Actually, I think this might affect every user on first visit. Clearing my browser cache leads to the issue again on first visit.

I have the impression that something about the mobile menu (the fact that it's off-canvas?) is one of the last things to load on the page, or that Cloudflare is leading to that outcome?

Thanks!
Tim

Hi there,

I highly suggest checking the page performance reports of your site/page.

Example:
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.academicenglishco.com%2Fielts-reading-diagram-label-completion%2F

Have you tried improving the page load speed by using optimization plugins?

Minifying and aggregating your CSS and JS may do the trick. But you may have to place around a bit more with JS exclusions as some scripts may break.

As for Cloudflare, this pretty tricky to deal with as Cloudflare's server quality is involved. There may be days where they have technical issues so it's hard to pinpoint this properly.

The best you could do for this, for now, is to at least be sure that the site is loading fast without Cloudflare.

Thanks, Alvin.

Yes, I've played around with optimization plugins, etc., but my question was really about the GP mobile menu, and whether it has any specific settings, etc. that could make it load faster on the page and become interactive sooner, etc. The page itself loads fast enough, but something seems to be stopping the menu from loading quickly.

No worries if not. I just wanted to make sure I wasn't missing something obvious in the GP menu settings.

Thanks,
Tim

Yes, I’ve played around with optimization plugins, etc., but my question was really about the GP mobile menu, and whether it has any specific settings, etc. that could make it load faster on the page and become interactive sooner, etc. The page itself loads fast enough, but something seems to be stopping the menu from loading quickly.

None within the customizer UI as it's pretty basic. It's mainly for styling. You can try setting the menu to its most basic form but I don't think that'll make any significant difference.

This issue is mostly about how soon the scripts involved loads. :)

Hi Alvin,

Thanks for your reply.

I've managed to halve the time it takes for the menu to become clickable by turning off the off-canvas mode. Cloudflare is obviously doing something funny. I'll play around with the settings.

Thanks!
Tim

No problem. Let us know how it goes. :D

Hi again, Elvin,

I switched off Cloudflare to remove that as a variable, but it seems the issue exists regardless.

At the moment, all that's running is Kinsta's server-side caching - I don't think I can turn that off. I have their CDN turned off. I was previously with another host without server-side caching, though, and I'd observed this behaviour with them, too, so I don't think it has anything to do with Kinsta's caching.

Is there any way to force the menu-related js, etc. (sorry - I'm not very technical) so that it loads first?

Many thanks,
Tim

Hi Alvin,

I'm happy to report that I've found the issue.

It seems a GDPR plugin (Cookiebot) on my site has been causing the issue. Disabling it fixed it completely.

Thanks for your patience and great support!

Tim

Glad you found the issue - thanks for reporting back :)

It seems a GDPR plugin (Cookiebot) on my site has been causing the issue. Disabling it fixed it completely.

Its script must've been causing the site to load slow.

Glad you got it sorted. No problem. Thank you for sharing it with us. :D