We recently stumbled on some css issues with our handwritten css sheet (cross platform layout issues etc.).
So I wanted to give Elm-UI a try. I have converted pieces of the code to use Elm-UI. It’s a simple webapp to control a device. It currently shows a few buttons in the header, together with a logo and two tabs. When switching between the two tabs, only the dynamic style sheet is updated (verified with Chrome). The background color and the text color is changed to highlight the selected tab.
When I run the app and switch between tabs on a PC or new tablet, it runs smoothly but when I run it on a iPhone or Android of +2 years old it doesn’t feel responsive any more. The tab switching is very slow.
As we are using Elm for the webapp from start with a static style sheet I know what kind of responsiveness I should expect. It seems to me that Elm-UI requires quite some processing power.
Any ideas on how I can improve this? I saw an option to have noStaticStyleSheet, is there maybe a way to only have a static style sheet?
I’m not using Lazy at this stage as I do not fully understand it yet.
But as far as I understand, it will only enhance performance if limited changes happen. So if I would switch from the controlling panel to for example the settings or login panel, the generation of the style sheet would still be slow.
Thanks for taking the time!