How to Achieve LCP < 2.5s in a Shopify App Built with Polaris?

Shopify Apps
1

I’m currently developing a Shopify app using Polaris for the UI components, and I’m aiming to get the Largest Contentful Paint (LCP) under 2.5 seconds for optimal performance.

Does anyone have experience or tips on how to achieve this with Polaris? Specifically, I’m interested in:

  1. Optimizing Polaris Components: Any best practices for using Polaris components in a way that minimizes their impact on LCP?
  2. Code Splitting: How can I effectively split my code to ensure only essential components are loaded initially?
  3. Image Optimization: Are there any recommended tools or techniques to optimize images within Polaris components?
  4. Lazy Loading: Best practices for lazy loading non-critical assets?
  5. Shopify App Configuration: Any specific configurations or settings in the Shopify environment that can help improve LCP?
1 Like