Home › Forums › WoodMart support forum › Expanding mobile menu while page hasn’t fully loaded shows # in url

Expanding mobile menu while page hasn’t fully loaded shows # in url

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 10, 2024 at 2:01 pm #528677

    Jeriss Cloud Center
    Participant

    Can you please make sure that no # appears in the URL if we try to expand the mobile menu while the page hasn’t fully loaded yet?

    Attachments:
    You must be logged in to view attached files.
    January 12, 2024 at 4:05 pm #529374

    Luke Nielsen
    Keymaster

    Hello,

    Glad to see you.

    It’s normal when the page is not fully loaded and the # symbol appears when clicking on the menu button in the URL because the JS is not fully loaded due to loading the page with all necessary scripts/styles.

    Thank you for your time and have a good day!

    Kind Regards

    January 12, 2024 at 4:15 pm #529377

    Patrik1997
    Participant

    the same thing happends also when fully loaded

    Attachments:
    You must be logged in to view attached files.
    January 12, 2024 at 4:19 pm #529381

    Luke Nielsen
    Keymaster

    Hello, @Patrik1997

    The screenshot is not clear, there is no # sybmol in the URL path.

    Kind Regards

    January 29, 2024 at 11:08 am #534411

    Jeriss Cloud Center
    Participant

    Hello,

    I kept testing a lot but this issue really is a problem to me. In fact, the problem is not really that the page hasn’t fully loaded, the problem probably is more of a compatibility issue with WP Rocket Delay JS.

    Based on my own testing, I consider that the Delay JS Exclusion List from WoodMart is better than the Delay JS Exclusion List from WP Rocket. See ticket here.

    https://xtemos.com/forums/topic/wp-rocket-delay-js-exclusion/

    However, we still have this big problem of the Mobile Menu not being fast enough interactive. And that is a really big problem for the coming new INP (Interaction to Next Paint) coming in Core Web Vitals.

    What I ask : can you please have a look at the files you’ve added in your own Delay JS Exclusion List? To make sure that the Mobile Menu can be properly loaded immediately on pageload, and therefore to not face this # issue in the URL.

    Thanks

    January 31, 2024 at 3:37 pm #535530

    Luke Nielsen
    Keymaster

    Hello,

    Our Delay JS Exclusion List includes that file related to the mobile menu. As I mentioned above, It’s normal when the page is not fully loaded and the # symbol appears when clicking on the menu button in the URL because the JS is not fully loaded due to loading the page with all necessary scripts/styles.

    Our guide on how to optimize your website using our themes can be found here: https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/

    Kind Regard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)