Hi All,
I thought I would ask the question, before I go ahead and build out a test project.
I wanted to ask for you experiences of using SAPUI5 Icons Vs CSS controlled icons from a single PNG (Sprites).
I currently have an application will nearly 50 KPI Tiles on a page of a Pagebook. The background color of the tile and a arrow are stored in a series of images in a single PNG. The PNG is loaded when a use hits the ' Home / Landing page' of the solution, so by the time the user clicks through to the KPI page, the PNG (and therefore all the icons) are cached and ready to be set using the '.SetCSSClass' parameter. The .PNG is only around 215kb
The load time is longer than I would like at around 9 seconds for the 47 Tiles. This time includes getting the header text, the KPI value, a prefix (£,$ etc), a suffix (m , Bn, %, etc) and a key which is used set the CSS class of the image (our Sprite) for each tile.
So i was wondering if I moved to UI5 Icons, would it be likely that i would see a performance improvement. I would presume that, if anything, the performance would get worse due to the number of times the script would have to negotiate with the server is order to serve the image back to the client. I guess we could do some sort of pre-loading or caching, but that just seems like more lines of code with an ultimately larger product to maintain.
I was also wondering what the performance cost was of loading the associated UI5 js Libraries. From what i understand, these aren't lightweight and cant end up taking several seconds to retrieve them alone.
I do understand the benefit of have scale-able UI5 icons over the static sprite from the PNG, so would like to make the move, but not if it cost performance in any way.
Thanks
John