Make the page respond faster to clicks and taps on Shopify

Why it matters

Interaction to Next Paint is the delay between a visitor's click, tap or key press and the page showing a result, and the value is above the good threshold. Trimming the JavaScript that runs on every page usually brings it into the good range.

Staged change. Do this in stages and check each one before the next, so a mistake does not break your site or your mail.

The fix

1. Remove apps you do not use, and delete leftover app code from the theme files (Online Store, Themes, Edit code), since an uninstalled app can leave its scripts behind. Each app that adds scripts to every page costs response time.
2. Check the tracking and marketing scripts, including those added by tag managers and pixels, and remove those you do not use. Prefer theme features and Shopify's own blocks to apps for simple things such as sliders.
3. Update the theme to the latest version, and choose a lighter one if a heavy theme is the cause. Shopify controls the server, so fix the page itself.

Read the documentation ↗(opens in a new tab)

Related

• Reported by the Core Web Vitals check
• Make the largest element on the page load faster
• Make the largest element on the page load faster
• Stop the page layout from jumping while it loads
• Stop the page layout from jumping while it loads
• Make the page respond faster to clicks and taps
• Reduce the JavaScript that blocks the page while it loads
• Reduce the JavaScript that blocks the page while it loads
• Collect real-user speed data for your site