Prevent lazyloading slideshow images sense theme

Shopify Discussion
,
1

Hi all,

Just wondering if there’s anything that can be done about my website slideshow on the first page, I check the site speed and one of the major problems is that the slideshow image that takes up most of the screen is lazy loaded after everything else. I’m using the sense theme wondering if you can help me? Thank you

1 Like
2

Hi @Kelly_Ceramics

You do need to turn off the lazy loading before the fold. To do this, follow the instructions below

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Section” folder, click on “slideshow.liquid” file. Find the code below and delete it.
loading: 'lazy',

See image for reference:

Ribe_Dagandara_0-1692026182436.png
Ribe_Dagandara_0-1692026182436.png988×853 44.7 KB

  1. And Save.

If it helps, likes and “mark as solution” is appreciated :blush:

1 Like
3

Thank you!

1 Like
4

Thank you for the solution. I want to understand a bit about the code. Would it not load the rest of the slider images as well? Ideally, since they are not part of the first view, should we not let other images in the slider load lazily?