App Integrations and Liquid Theme
Examine main image, theme sliders, and app overlays. A large file or late image request can delay the visible entry despite fast platform response.
Determine if the problematic resource comes from the theme, an app, or an external tag. First deactivate an integration in a controlled manner in the test theme and check its actual benefits on this page.
Where to Check Settings in Shopify
Assign external scripts to active app embeds and theme components. Test a suspicious integration first in a theme copy. After the change, check variant selection, shopping cart and Consent behavior in addition to loading time.
Example of this specific finding
Illustrative control case: The performance trace identifies the hero photo as an LCP element. His request starts only after a script, although the image should be visible immediately.
follow-up audit in Shopify
Repeat measurements for a specific product page and test shopping cart and variant selection. Shopify platform resources cannot be configured like files on your own server.
Examine request start time, download time and render delay separately. Make image source findable early and check the selected size and prioritization.
Derogations and scope
The LCP element can change per device or view. Once measured, a value is not a complete picture of the field data.
Related: Shopify Online Store with Liquid-Theme. Hydrogen or other headless storefronts have their own rendering and hosting responsibilities.
Classify the general error
Definition, system-independent causes and further correction examples: Determining the Largest Visible Element