Images were 80% of my page weight. Format conversion to WebP/AVIF and responsive images dramatically improved loading speed.
Optimizing by gut feeling made my app slower. Learn to use Performance profiler to find real bottlenecks and fix what matters.
Text to Binary (HTTP/2), TCP to UDP (HTTP/3). From single-file queueing to parallel processing. Google's QUIC protocol story.
From HTML parsing to DOM, CSSOM, Render Tree, Layout, Paint, and Composite. Mastering the Critical Rendering Path (CRP), Preload Scanner, Reflow vs Repaint, and requestAnimationFrame.
Obsessively wrapping everything in `useMemo`? It might be hurting your performance. Learn the hidden costs of memoization and when to actually use it.
After applying everything:
BeforeUser feedback changed. "Pages load faster now" comments appeared. Nobody complained before, but improvements brought praise.
Image optimization is respecting users. Users on 3G, with data limits, on slow devices. Not sending them unnecessary megabytes. That was it.
