awesome-performance-patches

how to profile, multiple perf PRs & explanations | ⭐

replace

replaces regex with manual parsing, lazy getter to avoid string allocation

faster string generation via

re-ordered alphabet for smaller brotli compression

React: avoid too frequent calls to

avoid large unions in favor of

avoid disabling the lazy evaluation of TypeScript types

How to benchmark types; use interfaces over conditional-intersection aliases; annotate invariant type parameters with

animating blur's the performant way

guidelines for performant CSS/JS animations

registering

animating box shadows the performant way

summary presentation of the 2 links above

Must read article for understanding CSS animation performance. | ⭐

virtualization with a textarea for Ctrl+F, disabling Pointer Events for Smoother Scrolling

use

"lazy de-rendering", by setting

defer offscreen components to improve early-load INP