Why can't I find specific code in my Boost theme for speed optimization?

Technical Q&A

Topic summary

Site owner is optimizing Lighthouse scores (focusing on LCP: Largest Contentful Paint) but can’t find the relevant code in the Boost Shopify theme. Searches in the theme editor (.liquid files) and via an extension return nothing, and files appear minimal compared to the rendered HTML.

Initial guidance suggests the code may reside in a separate snippet or plugin, with options to search the file system (e.g., Silver Search), contact the theme author, switch to a performance-focused theme, or hire help. The OP confirms it’s not a plugin and inquires about professional assistance; follow‑up moved to private contact.

Key update: The LCP element is implemented as a CSS background image, not an element. It’s referenced from a CSS file rather than the homepage template, explaining why it doesn’t appear in .liquid markup.

Implications: Background images don’t support loading or fetchpriority attributes; preloading may offer limited gains, especially on mobile. Recommended approach is to convert the LCP background into a standard image element and set an appropriate loading strategy (e.g., eager).

Status: Unresolved. Action items: locate the CSS that defines the background image, consider refactoring to an , and consult the theme developer or a professional.

Summarized with AI on January 4. AI used: gpt-5.
2

Hi @pawandsimple

If you are struggling to find it may be because it is part of a plugin (which seems unlikely) or it is located in a separate snippet.

You have several options here:

  • Try to search the file system using silver search and find the image through its class names.
  • Message the theme creator for advice.
  • Switch to another theme that focuses on fast lighthouse speeds.
  • Hire a professional like myself to help fix the issue.

Remember changing a theme can be dangerous as it will potentially conflict with updates from the theme creator.