# Keep your store fast: images, apps and theme code

Level: Intermediate. About 60 minutes. Plans: Not stated by Shopify. Checked against Shopify's documentation on 2026-10-08.

**Short answer:** Check your Core Web Vitals in the performance summary on the **Online Store** page, or search the web performance reports in **Analytics** > **Reports** [1][2]. Then remove apps you don't need, resize large images, cut extra sections and animations, and audit tracking tags [3]. Shopify's reports use real visitor data, so changes can take a while to show [2].

## Before you start

Shopify measures store speed with three Core Web Vitals [1]:

- **Largest Contentful Paint (LCP)** measures loading speed. Good is 2,500 ms or less [2].
- **Interaction to Next Paint (INP)** measures how fast the page responds to clicks and taps. Good is 200 ms or less [2].
- **Cumulative Layout Shift (CLS)** measures how much content jumps around. Good is 0.1 or less [2].

The numbers come from real visitors, not a simulated test. Your score combines your home page, your most visited product page and your most visited collection page [1]. Shopify reports the 75th percentile, because search engines like Google want at least 75% of page loads to be Good on all three metrics [1].

You need the **Reports** staff permission to see the reports. A store in private mode (password protected) or a brand-new store may show no data [2]. Shopify does not say which plans include these reports.

Theme code, apps, images, videos, carousels, social media feeds and analytics tags can all slow a store down [3]. This guide works through them in that order of effort.

## Steps

1. **Read your performance summary.** From your Shopify admin, go to **Online Store**. The Themes page shows the summary. Use the date picker to choose **Today**, **Last 7 days** or **Last 30 days** [2]. Note which metric is Moderate or Poor.
2. **Open the report for the weak metric.** Click the metric, for example **LCP P75 (ms)**, to open its Over Time report. The chart marks store changes such as app installs and theme updates, so you can see if a drop followed one of them [2].
3. **Find the slow templates and pages.** Go to **Analytics** > **Reports** and type a colon (:) in **Search reports** to list every web performance report. Open the Page Type report to find slow templates, then the Page URL report to find slow pages [2]. If your traffic is low and the numbers jump around, switch to a weekly or monthly view [2].
4. **Make a backup copy of your theme.** Go to **Online Store**, click the three-dot menu next to your theme and select **Duplicate** [4]. The copy appears as "Copy of" plus the theme name. A store can hold 20 themes, so delete one first if you are at the limit [4].
5. **Remove apps you don't need.** For each app, ask whether it adds enough value to cover its speed cost [3]. To remove one, go to **Settings** > **Apps**, open the app's three-dot menu, select **Uninstall** and confirm [5]. Uninstalling does not remove code the app added to your theme, so check the app's listing or ask its developer for removal steps first [5][3].
6. **Review app embeds in your theme.** Go to **Online Store** > **Edit theme**, then click the **App embeds** icon in the sidebar [6]. Each embed has a toggle, and embeds can be turned on or off in the theme editor. Click **Save** after any change [6].
7. **Resize and replace large images.** Upload images sized to how they are shown, use JPG for photos and PNG for graphics that need transparency [3]. To swap a file, go to **Content** > **Files** and click the **Replace** icon next to it. The new file must be the same format [7]. Shopify accepts images up to 20 MB and 25 megapixels, but smaller files load faster [7][3].
8. **Cut extra sections and animations.** Templates with many sections can perform worse. Remove sections that don't help sales, and compare your reports before and after you turn on page transitions or other animations [3].
9. **Turn on pagination for large collections.** If a collection has many products, use pagination so fewer products load at once [3]. The setting is in your theme, so where it appears depends on the theme.
10. **Audit tracking and third-party code.** Check your tag manager and remove unused or low-value tags. Review any third-party code you pasted into the theme by hand [3]. Poor INP usually comes from too much JavaScript in theme, app or tag code [3].
11. **Consider a newer theme.** If your theme itself is the problem, Shopify suggests an up-to-date Online Store 2.0 theme or one from its Horizon family [3]. Re-activate your app embeds in the new theme, because they are not on by default after a switch [6].

## Check your work

- Open the Over Time report for the metric you worked on. Look for your change in the annotations and watch the line over the following days. Data can be up to 36 hours late [2].
- Run a slow page through PageSpeed Insights, which Shopify lists as a tool for checking single pages [3].
- Load your slowest pages on a phone and on a different connection, and ask someone else to try too [3].
- Click through the pages that used a removed app and confirm nothing is broken or blank.

## Common problems

- **"The performance summary is empty."** Your store may be in private mode or have too little traffic. Remove password protection to collect real visitor data [2][1].
- **"My score didn't change after I fixed things."** Metrics may not change right away, and data can be delayed by up to 36 hours [2]. Your device, network and location also affect results and are outside your control [2].
- **"PageSpeed Insights shows a different number."** PageSpeed Insights uses Chrome data from opted-in users. Shopify's reports use a broader set of browsers. Safari visitors are not measured yet [1].
- **"I uninstalled an app but the store is still slow."** The app may have left code in your theme. Contact the app developer for removal steps [5][3].
- **"The page stays blank, then loads all at once."** A slow script is likely blocking it. Use your browser's developer tools to find it, then contact the app or theme developer [3].

## Further reading

- [Improving your online store performance](https://help.shopify.com/en/manual/online-store/web-performance/improving-web-performance) [3]
- [Web performance reports](https://help.shopify.com/en/manual/online-store/web-performance/web-performance-reports) [2]

## Sources

1. [Overview of web performance](https://help.shopify.com/en/manual/online-store/web-performance/overview), Shopify Help Center, accessed 2026-10-08
2. [Web performance reports](https://help.shopify.com/en/manual/online-store/web-performance/web-performance-reports), Shopify Help Center, accessed 2026-10-08
3. [Improving your online store performance](https://help.shopify.com/en/manual/online-store/web-performance/improving-web-performance), Shopify Help Center, accessed 2026-10-08
4. [Duplicating themes](https://help.shopify.com/en/manual/online-store/themes/managing-themes/duplicating-themes), Shopify Help Center, accessed 2026-10-08
5. [Uninstalling apps](https://help.shopify.com/en/manual/apps/uninstalling-apps), Shopify Help Center, accessed 2026-10-08
6. [Apps in themes: app blocks and app embeds](https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/apps), Shopify Help Center, accessed 2026-10-08
7. [Uploading and managing files](https://help.shopify.com/en/manual/shopify-admin/productivity-tools/file-uploads), Shopify Help Center, accessed 2026-10-08

Source page: https://webmerchants.net/guides/keep-your-store-fast