networking - In SAPUI5, is there a possibility to load all images of a page beforehand?

Question

I am starting with web/Ui5 development and I am using UI5/HTML/JavaScript to build this website.

I have a problem with images being loaded every time I navigate across the different tabs of the <IconTabBar - IconTabFilter>. Even after changing the image sizes to less than 10kb they still sometimes load very slow, in like 3 or 4 seconds, with that old 1995 loading animation from top to bottom.

I want to get rid of this in any way possible, the option I believe is the most appropriate one is to eager load all images on the initial page load and keep them somehow cached so they don't get loaded all the time again and again. Is that something possible to do? Or do you think something else is the problem?

This is the loading recording on chrome:

These are the scripts on my HTML

<script id="sap-ui-bootstrap"
        src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
        data-sap-ui-theme="sap_fiori_3"
        data-sap-ui-libs="sap.m, sap.ui.layout, sap.tnt"
        data-sap-ui-resourceroots='{"Quickstart": "./"}'
        data-sap-ui-onInit="module:Quickstart/index"
        data-sap-ui-compatVersion="edge"
        data-sap-ui-async="true">
</script>

This is an example of my page where you can see the tabs and also the icons that load unsynchronized.

question from:https://stackoverflow.com/questions/65879817/in-sapui5-is-there-a-possibility-to-load-all-images-of-a-page-beforehand

Answer 1

Waitting for answers