Elm Performance

Performance optimization patterns for Elm virtual DOM and runtime

Language / Topic

Elm

Rules

Elm Performance · balanced balanced

- Use `Html.Lazy.lazy` and `Html.Lazy.lazy2` to memoize view functions — the virtual DOM skips re-rendering when arguments are reference-equal.

- Use `Html.Keyed.node` for lists of dynamically ordered items to enable efficient DOM diffing without full list re-renders.

- Keep the `Model` flat and normalized — avoid deeply nested records that force large reconstructions for small updates.

- Defer expensive `update` computations with `Task.perform` and `Process.sleep` to prevent blocking the render cycle.