How can I preload slideshow images to resolve higher LCP issue?

[Anonymous]

Hi,

The store I am working on have slideshow images on homepage. I want to preload that slideshow images. How can I do this?

For this I need to access section data in head and this object is not accessible there.

[oreoorbitz · Accepted solution]

Yup, there is no liquid based solution.

You will need to build a service that checks for the LCP image then injects a preload hint. Or just manually change the preload hint each time the LCP image is changed.

[Anonymous]

Yes, this will work as the slideshow images does not change frequently.

Thanks for the solution.