Does any one know how to turn on and off tab planes when they are either active or in-active? I would like to stop the tabs that aren’t showing from being loaded until that specific tab has been selected.
I’ve used the tab module on my site and I have a fair chunk of information sitting within each of the Tab planes, as well as some custom built graphs with their own interactions/animations. I think it’s the animations and the amount of detail in the graphs that is slowing down the site speed. I’m pretty sure they are all loading at the same time even if that tab is not being shown.
I’m assuming theres a custom code solution out there. Can any one help?
IMHO Using tabs for lots of content is really poor UX. Tabs are designed for comparing small amounts of content like content on an index card. Look at what happens with overloaded tabs on mobile. People can’t find the other content and get confused. Think mobile first when designing, your users will thank you. If you need to lazy load tab content you should probably use pages for it.
If this is your design choice you might want to consider using Ajax to load the tab content.