Largest Contenttful Paint Image Lazy Loaded

Topic summary

Issue: An above-the-fold slideshow banner image on a Shopify homepage is being lazy loaded, hurting Largest Contentful Paint (LCP) performance. The poster wants to remove lazy loading for this specific image while keeping lazy loading below the fold.

Context: LCP (Largest Contentful Paint) is a core web vital measuring how quickly the largest visible element (often a hero image) renders. Native lazy loading uses the HTML attribute loading=“lazy” on images.

Guidance shared: Remove the loading=“lazy” attribute from the identified LCP image to prevent lazy loading. Note that the LCP image can differ between desktop and mobile, so above-the-fold images on both should avoid lazy loading.

Theme details: The site uses an Eight theme (Byron). The poster suspects a theme-level setting or code snippet is auto-applying lazy loading across homepage images.

Status: No specific code location identified yet (screenshots referenced). Next step is to edit the slideshow/hero image markup in the theme to exclude loading=“lazy” for above-the-fold images. Discussion remains open.

Summarized with AI on February 1. AI used: gpt-5.

I am using a theme by Eight. Specifically Byron but I dont think much differs between them besides style.