Streaming live at 10am (PST)

Nav Menu Button Slow in Chrome


#1

I have designed this site: gr-real.webflow.io/leistungen

On mobile when the nav Menu icon is clicked after the site is scrolled down the navmenu opens with a delay of about 1-2 secs.

This happens only on Android and not everytime but every second time.

I also removed all the other interactions to see if this is the cause but no solution so far.

Can anyone try to recreate this error and in the best case: help?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)


#2

Yes, I’ve noticed this behaviour before. It happens on all my sites and it’s bugged me for quite some time!

It happens when the user presses the menu button while scrolling - or shortly after a scroll has finished. I’ve noticed that if the page is static for a few seconds - i…e the user hasn’t scrolled - then the menu button is quite responsive.

Interestingly however, I built one site recently - www.cookbynumbers.net and the menu button on this is super responsive. Test it ou! I’m not sure why. It uses the menu type “over-left” and it is absolutely positioned to the bottom left of a fixed nav bar.

I just tried duplicating that site and using the very same elements and this duplicated site shows the same lag with two different types of menu button positioning - http://cooking-shtuff.webflow.io/

Anyone insight from Webflow?


#3

Oh, at least I am not the only one experiencing this issue. It drives me crazy!

I have also found http://growilla.webflow.io/ to have a working top nav menu.

In my opinion this is a major bug and has to be fixed ASAP as otherwise the mobile nav menu is not really usable.


#4

It does definitely need to be addressed.

The menu button on http://growilla.webflow.io/ has the same lag for me also on my android (Galaxy S5).


#5

i just tested it on a Galaxy S7 and it is still an issue so it doesn’t seem to be down to a slow or old device.


#6

Furthermore the error can be reproduced even on Desktop chrome when you switch to mobile view so performance power cannot be an issue.

I also tested it on an iPhone 5s and an iPad - no lag there. I suspect it to be a chrome specific problem.


#7

You’re right - it seems to be some issue with Chrome.

@Waldo @PixelGeek @Brando

Can you look into this?

  1. Open http://cooking-shtuff.webflow.io/absolute-positioning
  2. Press F12
  3. Toggle the device toolbar
  4. Scroll and press the menu button

#8

Hi @schoenling128 @Diarmuid_Sexton

Thanks for posting about this issue and providing great detail. This definitely sounds liked odd behavior.

I followed the steps per your instructions @Diarmuid_Sexton and was able to see lag when opening the menu.

Here is a GIF showing the behavior on this end:

I noticed this is especially laggy if the page hasn’t fully loaded when the menu button is pressed.

I tested this on iOS + Chrome but was unable to see the issue there. Is this true for you as well?

So far it looks like it only affects Chrome desktop (Devtools) and Android + chrome; correct?

​Thanks in advance for your help with this!


#10

I’ve tested and produces this laggy behaviour with:

  1. Chrome Desktop (Devtools) on Windows 7 (x64)
  2. Chrome on Android Phones (Galaxy S5 and Galaxy S7)

#11

@Brando
You are right, I have also tested iOS + Chrome on my iPad and wasn’t able to recreate this bug.


#12

Excellent, thanks for the additional info @Diarmuid_Sexton and @schoenling128!

I’ve reported this all to the team and we are looking into this now. I’ll report back here when I have an update for you.

Thanks again for your help with this :fist_right: :fist_left:


#13

Hey Brando,

Any news on the bug?


#14

Hi @schoenling128

Thanks for following up here!

This issue seems to be performance related, rather than a specific bug. We now have a team of engineers dedicated to Performance. They are actively working on some platform updates to monitor and improve the performance levels across the board.

This issue among others will be addressed by the Peformance team. I don’t have an exact time frame for you but we hope to have this resolved soon.

​Thanks in advance for your patience.


#15

Hi @Brando

Have you any update on this?

The slowness and delay of the menu opening is a major UX flaw - causing the user to think the button is broken or the site is unresponsive. Some of my clients are asking me about this issue and I have no response for them

It’s a pretty serious issue to be affecting the menu opening actions on all Android devices using Chrome - which is a pretty huge amount - Android have an 83.2 market share and Chrome is installed on somewhere between 1 billion and 5 billion devices according to the Google Play Store stats.


#16

Hi @Diarmuid_Sexton

Thanks so much for reaching back out on this one.

No word back from the team on this one yet, but we are working on it. I’ve gone ahead and updated my initial report with the info you just provided regarding users affected.

I’ll keep you posted as I hear back from the team - thanks for your patience.


#17

Hi @Brando,

Any update from the team on this issue? It’s a pretty awful glitch and it bugs me everytime I use my phone to view the websites I build.

I can only imagine how it affects my website visitors and how many leads and conversions are lost because of it…


#18

Hi @Diarmuid_Sexton

The team is still looking into this one. As this menu lag is Performance related, the fix for this issue will be a part of overall platform performance improvements.

I appreciate your patience so far and will post back with more details as soon as I have them :bowing_man:


#19

Hey,

I’m just posting back here to keep this topic alive and to check on an update?

Cheers