Hey Community is there any Best Practice Solution rendering a mega Menu with over 1000 Links while maintaining Shop Performance, Core Web Vitals and SEO.
In Detail we got a Shop having over 10k Products and 1000 Categories that all should get linked inside a mega menu while maintaining high performance and the best possible Webvitals. First thoughts are always rendering them similiar to Dawn/Horizon with looping over Menu Objects via Liquid and creating the DOM but this will have a big impact on the LCP when rendering over 1000 sublinks via liquid loops in the initial Shop load.
Another Appraoch would be to load only the first Layer while waiting on the LCP Performance or an action on the Parentlinks and render childlinks via Section Rendering API and caching the Menu Structure in SessionStorage.
Does anyone have a good approach or Example Theme managing such performance optimizations in a clean way? Best regards in advance