I am currently in the process of implementing a rotating banner on the homepage for the site I am working on. I do this by using the teaser component which has 4 segments that it can choose from to display the banner at random, which will eventually be changed to targeting. The only problem is it takes around a second to load after the page has loaded and that is a long time to be without a Hero Image. I was wondering if there was anyway to speed up how the teaser works either by caching or something else. If there isn't then i was wondering if there was a better way to do this. Thank you very much.
Get default experience as <noscript> content via sling:include(to dispay when no JS available or target type can't be detected). Load content via AJAX when you detect your target type. Store loaded content from AJAX on local storage.
