App Integrations and Liquid Theme
Test variant selection, product gallery and shopping cart with active apps. Assign delays to individual interactions before you change theme code across the board.
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: A click on the variant filter waits for a long JavaScript task before a visible reaction appears. The delay concerns a concrete interaction.
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.
Repeat the problematic interaction in the performance trace, split up long tasks and reduce unnecessary work. Then measure the same interaction again.
Derogations and scope
INP is not a pure charging time code. A fast first side structure does not preclude slow later operation.
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: Name the slow interaction concretely