Archived topic
Mobile LCP - Post Featured Images
3 replies · Started by Tomasz on July 29, 2021
It seems that a lot of people having problems with LCP scores, and I have followed a few topics here and tried the suggested solutions but nothing worked for me.
I have an issue with high LCP timing on Mobile on my post pages.
So far I have tried the following:
1) Optimize images - resized, compression.
2) I have finally hidden the featured images on the post pages.
Nothing from above has worked and I'm still getting a bad LCP score even so I have only a Post Title on the post page.
Any idea how I can improve/fix this?
Below is the test result for one of my posts:
Google Site Speed Test Result
Thank you
Hi there,
There are many factors to contribute to a high LCP time.
And its not always anything to do with the LCP Element that is listed.
When the LCP Element is an image, the elements contributing factors will be related to the size of the image, the time it takes to make the request and any scripts ( such as Lazy Loading ) that interfere with its display.
When its just a Post Title, that is just a plain old HTML element and IT has no contributing factors to its display.
So the main issue are related to what the browser has to do before it can display the content.
First step - check the FCP time. On your report it is very high.
Any improvements you make to FCP will flow down to LCP. So those are the first issues to look at.
To do this on the PSI Report set- Show audits relevant to > FCP.
First Opportunity: Improve Initial Server Response time.
Second Opportunity: Eliminate render-blocking resources. Which is the Ezoic cash.js file.
Both are these are server related. I am not sure if you host with Ezoic. If you are then both questions are for them to look into. If not you need to speak to the host and ezoic.
Now change - Show audits relevant to > LCP.
We see the same opportunities above, and one additional one:
Reduce unused JavaScript - which is an advert script. The site is loading 100kb of script to only use 50kb. And having to load 50kb before it can render the image is a problem in itself.
To resolve that you should look to defer the loading of 3rd party scripts such as that advert script. Not sure if Ezoic can do that for you - but most optimization plugins offer it, or a specific plugin like Flying Scripts will.
Thing to note when loading lots of Javascript, the browser not only has to download it, it then has to compile it and execute it. Which takes time, and large scripts can generate what are identified as Long Tasks in the browser. And whilst the browser is performing a Long Task, it cannot do anything else, like display your LCP image.
Thank you for your reply.
I'm hosting on Cloudways and the server response time is amazing in comparison to what I had with Bluehost.
I'm also working with Ezoic, so perhaps I should ask some questions there about jQuery etc.
Thank you,
Thomas
The headache with Google Lab Tests is they simulate a throttled network/cpu Moto 4G device. They really do put the pressure on there. And with that simulation - big JS files loaded in the <head> are going to eat up the devices CPU and really tank your loading times.
And as the FCP times are low, its most likely to be whatever code is being loaded upfront. You may want to test with Ezoic temporarily disabled to see if it makes a difference, and then disable any 3rd party ad scripts. As these are the common issues we see.
