Want to Improve UI Performance? Start by Understanding Your User - Shopify

What this post added

This post details specific techniques for improving UI performance in the Shopify admin's Marketing section. It introduces methods for assessing current performance using real devices and Chrome Developer Tools, including React-specific profiling. Key contributions include prioritizing essential components and data, memoizing date formatting utilities to reduce render times from ~64.7ms to ~0.5ms, deferring non-essential components like ImagePicker, and prefetching resources based on user interaction (e.g., hover). It also emphasizes improving the loading experience with skeleton content and adding headings to enhance stability and user perception.