Solved

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

Not applicable

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.

Accepted Solution (1)

oreoorbitz
Shopify Partner
253 29 130

This is an 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.

Available for freelance. I specialize in speed improvement and theme development.
https://www.upwork.com/fl/orionholmes



You can also contact me directly if you prefer.

View solution in original post

Replies 2 (2)

oreoorbitz
Shopify Partner
253 29 130

This is an 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.

Available for freelance. I specialize in speed improvement and theme development.
https://www.upwork.com/fl/orionholmes



You can also contact me directly if you prefer.
Not applicable

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

Thanks for the solution.