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

[pawandsimple]

Hi, 

I'm trying to speed up my site, using lighthouse score for insights. I'm starting with issues such as lazy loading on LCP. 

The issue that I'm having is that the code I need to find does not seem to be in my theme code editor. This is using BOOST theme (not Booster).

If I inspect the offending photo to obtain the specific code, then search for this code in my theme editor using EZFY extension, the code is not present. I have spent a long time searching for it manually too (using find function) but still cannot find it. 

Also, most of my .liquid files seem quite short and lacking detail, as if they are a simplified version of the full HTML (if this is possible)?

Is it possible that the image source uses a different name or a shortcut when displayed in the .liquid? I can't really see any source file names in my .liquids 

Website is pawandsimple.dog

Thank you in advance 

[sanico-software]

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.

[pawandsimple]

Hi Dom,

Thanks for the speedy reply. 

The image in question is not part of a plugin although this is a more widespread issue whereby lines of code (gained from inspecting the web page) are not present in the theme code editor.

I also cannot find a single instant of the word 'priority' in my theme editor (a phrase I believe is part of code to set fetch priority).

It appears as though there is another 'hidden' level of code between that in my theme editor and that in my actual web page as the two do not seem to match up. 

I paid £300 for the theme recently so would rather avoid ditching it if possible.

I'm still hoping to get to the bottom of the issue myself through pure stubbornness but could you give an indication of how you charge for services? Do I give you access to the site so that you can weigh the job up and give a quote/estimate?

Thanks again

[sanico-software]

Interesting that you cannot find it, as I said it could be because of a plugin but technically the theme editor would have to be acting maliciously to "hide" anything from their customers.

I'm still hoping to get to the bottom of the issue myself through pure stubbornness but could you give an indication of how you charge for services? Do I give you access to the site so that you can weigh the job up and give a quote/estimate?

No problem at all, if you reach out to me from my website we can chat about solving the issue to avoid personal information being exchanged on the forums.

[JohnE10]

Hi,

The LCP image on the site is made to be a background image by the theme, and not an image element. That may be the reason why you're struggling to find it.

The image is called from a CSS file and not from the homepage (likely called theme.liquid) of the site.

Because the LCP is a background image, there's not much you can do from a loading attribute standpoint. You could try to preload the image, but that usually doesn't help a whole lot in terms of the load speed score; especially on the mobile side.

It might be worth it to change the image to an image element. I think that would help the speed score and allow you to add a loading attribute of eager to it.