optimisation to header menu
-
I would like to preload everything related to Header and the menus, because they are not loaded first. As you can see from the videos there is a delay of 20 seconds until the hamburger button responds to the press. In the meantime, other things are being loaded. I would like someone to help me correctly define optimization in the wp-rocket and theme settings optimization.
Here is the video
Attachments:
You must be
logged in to view attached files.
Hello,
Go to Theme Settings > Performance > Preloader and enable it. This way, the preloader will show until the entire page, including your menu, is fully loaded, improving the user experience.
Best Regards
Thank you,
I meant something else
Set in wp-rocket plugin that everything related to the menu will be loaded first.
All the scripts.
So can you make me a list wilth the script that related to the header and menu?
Hello,
The delay in script execution is often caused by their placement within the code. Scripts are typically enqueued in the footer to prevent blocking the page load and to speed up its rendering. This approach ensures users can see the content faster, even if the scripts are still loading. Many JavaScript scripts require a fully formed DOM to function correctly, which is guaranteed when they are loaded at the end of the page. Moving scripts to the header may lead to conflicts or dependency issues with other plugins or the theme. For optimal performance and stability, we recommend adhering to the standard WordPress practice of enqueuing scripts in the footer.
However, if you want to adjust their placement manually, here are the names and locations of the scripts mentioned in your inquiry.
js/scripts/menu/mobileNavigation.min.js
js/scripts/header/headerBuilder.min.js
Best Regards.
.
