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

This post details strategies for improving UI performance in the Shopify admin, specifically within the Marketing section. It emphasizes understanding user flows to prioritize critical components and data loading. Techniques discussed include assessing the current situation using real-world devices and performance profiling tools (Chrome DevTools, React Profiler), prioritizing essential components by memoizing expensive tasks (e.g., date formatting) and deferring non-essential ones (e.g., ImagePicker modal), and improving the loading experience with skeleton content and prefetching. The post highlights the use of React, GraphQL, and Apollo, and provides actionable advice for optimizing UI performance.