delay on loading of banner image on homepage

Topic summary

• Issue: A brief blank state appears before the homepage banner (hero) image loads when arriving via a link on a Shopify store using the Dawn theme (kidieez.co.uk). The delay is visible in a Lighthouse screenshot provided.

• Likely cause: While some load time is normal, blocking scripts may be delaying the hero image render.

• Suggested fixes:

  • Defer or move tracking/analytics scripts to the end of the page to reduce render-blocking.
  • Set the banner/hero section background color to white to minimize the visual “flash” before the image appears.

• Outcome/Status: The store owner acknowledged the advice with thanks. No confirmation yet that changes were implemented or that the issue is resolved; discussion remains open.

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

When I click onto my homepage through a link, there is a small delay where the banner image does not show and the banner image is blank before it loads the image. This is shown in the lighthouse image. I am using dawn theme. Does anyone know how I can fix this. My website address is www.kidieez.co.uk. Thankyou in advance.

I think its normal some content needs time to load, and the loading time of your hero is not that big.

But it seems some scripts are blocking the loading. You could try to move these tracking scripts at the end of the page + change the background color to white so it’s less distracting.

thanks