How does Shopify calculate the Largest Contentful Paint (LCP) score of my app?

Topic summary

A developer of Navi+, a Shopify app for creating bottom menu bars, is struggling with a high Largest Contentful Paint (LCP) score of 6.92s, which prevents them from obtaining the “Built for Shopify” badge despite the app running fast.

Core Issue:
The developer cannot determine which of their three pages (Registration, List, or Configuration) Shopify uses to calculate the LCP score, making targeted optimization difficult.

Community Response:

  • One user suggests standard optimization techniques: deferring non-critical JS/CSS, inlining critical CSS, replacing heavy UI elements, optimizing images, and monitoring Cumulative Layout Shift (CLS).
  • Another commenter confirms this is a common problem with no clear answer from Shopify—it’s essentially a “guessing game” requiring adherence to best practices.

Resolution:
Later comments indicate the developer eventually obtained the “Built for Shopify” badge. Multiple users ask how the LCP was improved and which page required optimization, but no detailed solution is shared publicly. One commenter offers a solution via private Telegram contact.

Status: The specific measurement methodology remains unclear, though the original issue appears resolved through undisclosed optimization efforts.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

Thank Silverlinestudi very much,

But my question is which page does Shopify calculate the score of LCP. In case I know which page, I can optimize this better, if not, it’s very difficult.

1 Like