How to Defer Offscreen Images on Shopify?

Reading Time: 2 minutes

Deferring offscreen images on Shopify is a great way to improve the look and feel of your store. With this simple customization, you can add an extra layer of polish that will make your customers happy. In this article, we will walk you through the steps necessary to enable deferring offscreen images on Shopify.

How to Defer Offscreen Images on Shopify

When you create an online store, one of the first things you’ll need to account for is how to deal with images. Images can be a big part of your branding and marketing efforts, but they can also take up a lot of storage space on your website. If you’re running out of room on your site, deferring offscreen images can be a great way to save space while still showing your customers what they purchased.

There are a few different ways to defer offscreen images on Shopify:

1. Use Media Library: When you add new images to your media library, you have the option to defer them offscreen. This means that shoppers will not see the image until they click on it or view it in full-size. Deferring images this way can save tons of storage space on your site, since shoppers won’t need to load the image every time they want to see it.

2. Use Custom Fields: You can also use custom fields to defer images offscreen. This is especially useful if you want to show different variations of an image (for example, if you have different product sizes). Simply add a custom field with the appropriate name and value (e.g., “Variation Image”), and shoppers will only see the image when they select that variation in their shopping cart.

This is our own Service Offered by the Blog Author.

shopify dropshipping store set up
Also Read  Opencart Aliexpress Dropshipping Management Extension

Pros and Cons of Deferring Offscreen Images

There are pros and cons to deferring offscreen images on Shopify. On one hand, deferring offscreen images can save time and bandwidth. Deferring images also allows you to load pages more quickly, which can improve user experience. However, deferring offscreen images can also increase loading times for certain pages. Additionally, deferring offscreen images can increase your overall page weight. Finally, deferring offscreen images may not be suitable for all products or sites.


In this article, we will teach you how to defer offscreen images on Shopify. This can be a great way to keep your shop looking fresh and new while you continue working on other tasks. By following these steps, you should be able to successfully defer offscreen images on Shopify!