Chapter 17: Performance in Practice

React.memo, useCallback, and Reconciliation Pain Points

How Elm’s Virtual DOM Makes Optimization Automatic

Html.Lazy

Performance by Default vs Performance by Configuration

Bundle Sizes and Compilation Targets

Asset Splitting

Lazy Loading and Code Splitting

When and How to Optimize Elm Applications

Step 1: Profile, Don’t Guess

Step 2: Check Your Update Function

Step 3: Use Html.Lazy for Expensive Views

Step 4: Use Html.Keyed for Lists

Step 5: Consider the DOM Itself

What You Don’t Need to Optimize

elm-optimize-level-2

Wrapping Up