Elm-css and cache

[rupert]

Potentially a bit out of date, but some performance comparison was done on various options for CSS in Elm:

Performance test of HTML CSS vs. HTML Inline vs. Stylish Elephants

I was curious about the rendering performance of different approaches to handle style in Elm apps. I’ve made a small test application that uses requestAnimationFrame to measure the time of each rendering cycle. Try the app More details and results on Github Three approaches to style are implemented and compared: HTML + CSS HTML and Inline style Stylish Elephants elm-css (PR from dmy) I really like the API of Stylish Elephants but I wanted to find out how much it “costs” in terms of perfo…

There may be a more up to date version of the above somewhere? stylish-elephants was a working name for elm-ui pre 1.0, and I think its performance was improved from the graphs in that link.

One thing I tend to do with elm-css is to use Css.Global and generate traditional CSS classes, rather than do it all inline. I only do inline for things that can change in the view function, and anything that is more static I use Css.Global for. This can help with performance.