Remove Lazy Loading on Narrative Theme

Topic summary

Goal: remove animations and lazy loading in the old Shopify Narrative theme to improve page performance, possibly the Largest Contentful Paint (LCP).

Key points:

  • Feasibility: disabling/removing is possible but tedious; no comprehensive guide or single setting in Narrative. It requires manual edits in theme templates, JavaScript, and CSS.
  • Scope of work: remove lazy-loading attributes/logic, and adjust animations/CSS that may still trigger without lazy-load.

Latest update:

  • The requester suspects lazy loading is affecting a specific section’s LCP despite the image being optimized and shared an LCP element screenshot (image attachment is central). Uncertainty remains whether lazy loading is the root cause.

Technical notes:

  • Lazy loading delays resource loading (e.g., images) until they are needed in the viewport.
  • LCP measures when the largest content element becomes visible; lazy loading or animations can delay it.

Actions suggested:

  • Provide full context (store URL, specific section, theme details) for targeted guidance.
  • Audit the section’s templates/JS for lazy-load attributes and related animation triggers.
  • Test with lazy loading disabled on the LCP element and measure impact.

Status: no resolution yet; discussion is ongoing with unanswered questions about the exact cause of the LCP issue.

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

Hi, I’m trying to remove all animations and lazy loading on my website. I’m using the old Narrative Theme. Is this possible to do?

Hi @Sazed :waving_hand: Possible yes, tedious work …most likely yes.

Full guide on it and all sideeffects?

No you just have to do the development work or hire someone if the theme does not a setting to disable such features.

You just have to go through the theme and remove lazy loading attributes or logic in the templates, and javascript.

And adjust any and all CSS that has animations that relied on lazy loading but may still trigger.

If you need this customization then contact me by my email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

Thanks for the reply! I basically want to improve this section of my website and it looks like it’s because of lazy loading but I’m not sure since the image is optimized already