Tridhya Tech Limited

Hello @shreyasabu ,
I hope you are doing well you describe that your content takes 3-5 seconds to load but it’s loading based on user interaction when your mouse is on the page it will load the JS you can check the reference video so when you check the speed most js is not loaded so it will display that your website speed score will be good but when you turn off that feature and check it will affect on your speed also minified js and css cause the issue of not display proper title.

Video Example of lazy-loading :-
https://www.awesomescreenshot.com/video/28127136?key=19fb939f4545c2221de251aeaf57ede1

• This reply was modified 9 months, 2 weeks ago by Tridhya Tech Limited.
• This reply was modified 9 months, 2 weeks ago by Tridhya Tech Limited.

Hello @ioclaudio ,
I hope you are doing well,
I just checked your code and can you please give me more brief information on how you can data in the defined variable also give us full code so we can understand where you made a mistake or where the code is breaking.

@dunnamana1 your most welcome.

@dunnamana1 ,
Most speed-optimized plugins do this for better speed you can contact plugin support to resolve this issue which speed-optimized plugin are you using??

So you want to load the section content without page refresh so first you have to set the design using tabs from Bootstrap then you have to make it dynamic using the ACF plugin.

For tabs:- https://getbootstrap.com/docs/5.0/components/navs-tabs/#javascript-behavior
you can use Bootstrap tabs.

also, check this guide for more understanding of how can you use Bootstrap.
https://www.elegantthemes.com/blog/wordpress/how-to-use-bootstrap-in-wordpress

• This reply was modified 9 months, 2 weeks ago by Tridhya Tech Limited.

Hello @kancaoglu ,
Hope you are doing well,
I understand your requirement and I suggested that you create one main page called main-homepage which will use like front-page then create two sub-pages one is personal and one is business then use the ACF plugin and create a field in main-homepage which will display two links one for personal and one for business then add links of the personal and business page in main-homepage, now create one-template names called main-homepage inside that template add code for ACF fields to display on frontend and also add design for two links that’s it you can see two links on your homepage you can click and it will go to personal and business is this what you want or you want different please let me know we are happy to help you.

I just checked the link that you mentioned it is working correctly but if you facing this issue so deactivate the speed-optimizing plugin or exclude css and js from the plugin setting hope you are website working fine right now if you still facing the issue please do not hesitate to ask.