Solved

Shopify expert added Largest Contentful Paint image placeholder to improve store speed

Epsryn
Shopify Partner
9 0 5

Hi there,
We reached out to a shopify expert through the shopify experts portal to improve store speed and LCP. Of our vital webs, LCP is the only real issue we have. 

The shopify expert did indeed improve the store speed but the LCP remained large. When I went to pagespeed to investigate, every single LCP on the entire store is the following:

<img src="https://cdn.shopify.com/s/files/1/0633/1672/1913/files/background-7w897878…" style="pointer-events: none; position: absolute; top: 0px; left: 0px; width: 96vw;" width="99999" height="99999">

It will be placed in every template, home page, product pages etc such as:

body.template-collection > img

We have no access to this image. It took me a long time but i realised he has just done what is shown here:
https://www.devisedlabs.com/blog/largest-contentful-paint-lcp-hack

upon furhter research, this doesnt look like good practice or something a shopify expert should be doing. It is trying to trick google search engines into thinking the site is performing better than it is. 

Does anyone know if this is bad practice and what should i do? I can't actually find where this code is inserted. I looked in theme.css etc and theme.liquid but can't find it.

It also affects other areas such as accessibility and SEO since this fake image has no alt attributes or correct sizing

 

Any help would be much appreciated. Has anyone come accross this. Should i ask for this to be removed? We paid quite a lot of money and was very dissapointed that the shopify expert used this technique instead of actually trying to improve the LCP, or  even just telling us how to improve it etc.

Accepted Solution (1)
oreoorbitz
Shopify Partner
240 29 128

This is an accepted solution.

Hi, I'll remove LCP hack image pro-bono.

When we (My boss at renderbetter) discovered the LCP hack, we were trying to opitmize a website where there was a popup app that was loading the image, but invisible, but because it was technically the biggest image, it was registered as the LCP image and tanking the LCP score. It was an absolute nightmare to fix. That's when we realized that Lighthouse was focusing on just the biggest image in the viewport, but not putting much effort into the actually making sure the image was visible.  My relationship with Lighthouse has been love-hate, and when we released the LCP hack, I assumed google would notice it and patch it and improve the way it registers LCP images. 4 years later and no change.

Rant over. Anyway, yeah private message me Epsryn and I'll remove the LCP image hack.

Available for freelance. I specialize in speed improvement and theme development.
https://www.upwork.com/fl/orionholmes



You can also contact me directly if you prefer.

View solution in original post

Replies 7 (7)

Ussama1
New Member
4 0 0

happened same for me and looking for solution

JoshHighland
Shopify Expert
174 10 65

You are right that is a hack.  Its not a true indication of whats your site speed is.

 

It will improve your score, for SEO reasons, but it doesn't help your users. In my opinion its unethical if you hired someone and that was their fix. 

SEO Manager - The FREE all-in-One SEO solution for Shopify
A powerful suite of SEO tools that gets you found in Google results

- Install SEO Manager -
Epsryn
Shopify Partner
9 0 5

Thanks John,
I sent them an email just asking. I was really polite and they havent responded. I might report this to Shopify so others are not caught out with the same tactic. We wanted a better experience for users and this doesnt even allow us to manually fix it because every single LCP is this fake image that we can't even dfind in our code. So we can't even see the true LCP and try to fix page elements.

TYSM for the response

oreoorbitz
Shopify Partner
240 29 128

This is an accepted solution.

Hi, I'll remove LCP hack image pro-bono.

When we (My boss at renderbetter) discovered the LCP hack, we were trying to opitmize a website where there was a popup app that was loading the image, but invisible, but because it was technically the biggest image, it was registered as the LCP image and tanking the LCP score. It was an absolute nightmare to fix. That's when we realized that Lighthouse was focusing on just the biggest image in the viewport, but not putting much effort into the actually making sure the image was visible.  My relationship with Lighthouse has been love-hate, and when we released the LCP hack, I assumed google would notice it and patch it and improve the way it registers LCP images. 4 years later and no change.

Rant over. Anyway, yeah private message me Epsryn and I'll remove the LCP image hack.

Available for freelance. I specialize in speed improvement and theme development.
https://www.upwork.com/fl/orionholmes



You can also contact me directly if you prefer.
Epsryn
Shopify Partner
9 0 5

Really? It sounds like you are from the original crew who discovered thi. It is definitely a really convincing "Hack" It would be amazing to have this removed. We are just a small business and reached out to try get a better user experience. We actually just want a site that users can navigate around. 

We would be happy to pay something for your time? We just wnat it gone. The shopify expert is claiming he never did this but no one has ever been given access to the stie except for him and before this the LCP of our homepage was our banner etc.

I have sent you a private message and I really appreciate you reaching out to us. It has left a really sour taste in our mouths. 


Leysam
Shopify Partner
112 14 44

Report that Shopify Expert to @Shopify, please. This is absolutely despicable 

Leysam | The Shopify Guy  

 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - Email me at leysam@grindot.studio

 - Check our work and services offer: https://www.grindot.studio/
Epsryn
Shopify Partner
9 0 5

I did,
And i would also like to say OreoOrbitz fixed it, removed multiple hacks and made genuine user based experienced that not only makes the website more responsive but made us pass the mobile core web vitals.

Also, if anyone is looking for site speed through shopify experts, check the websites they work on in pagespeed. I have found multiple others with 90+ mobile speeds that have the LCP hack. It is easy to notice once you know what you are looking for.