How do I remove lazy loading on an image banner - Craft theme

Topic summary

Goal: stop lazy loading on the homepage Image Banner in the Craft theme to improve LCP (Largest Contentful Paint). The OP can’t find where lazy loading is set in image-banner.liquid, but PageSpeed Insights shows the banner image is lazy-loaded.

Impact: PSI attributes a 7,680 ms load delay to the LCP element (53% of LCP). A screenshot was provided.

Views: One reply cautions against removing lazy loading in general (it helps users on slow connections) but acknowledges that removing it for above-the-fold content can improve LCP; offers to review theme code via DM.

Suggested fixes:

  • Edit Sections/image-banner.liquid and set the banner tag to loading=“eager”.
  • In the same file, under the line “sizes: sizes,” add “preload,” (per provided screenshot) and save.

Current status: After adding “preload,” the OP reports no improvement—PSI still flags the image as lazy-loaded and LCP delay persists. No confirmed resolution yet; further guidance is needed. Images/screenshots are central to the discussion.

Summarized with AI on December 13. AI used: gpt-5.

Thanks Dan. Unfortunately, that hasn’t improved the load delay on the LCP element. PageSpeed Insights is still showing that image as lazy loading and the load delay is 7,680ms (53% of LCP). Any other thoughts?