The PageSpeed Insights showed me one LCP element that needs to be fixed on the headline of my post.
It said,


What does it mean?
Any ideas on how to go about it?

Thank you for answering,
Joe

Join the Discussion
Write something…
Recent messages
jn232 Premium
I'm sorry, I just realized that something is missing from my question.
The LCP element said,
<h1 class="entry-title" itemprop="headline">
Reply
AbieAJ Premium Plus
Hi

Please check below resource for a resolution

https://generatepress.com/forums/topic/largest-contentful-paint-on-h1-issue/

Hope this helps.
Reply
JohnJStanley Premium Plus
AbieAJ you are awesome! Helpful responses from the GeneratePress experts there
Reply
AbieAJ Premium Plus
Thank you :) Hope you are well and dong great.
Reply
jn232 Premium
Oh, it got to do with the theme then, Abie.
I was searching for any tutorial here at WA but couldn't find any resources.
Thank you for sharing this.

Joe
Reply
AbieAJ Premium Plus
You're very welcome.
Reply
richardgb Premium
Hi Joe

Largest Contentful Paint (LCP) shows (roughly ... not necessarily completely accurately) when the site becomes useful to a visitor.
According to Lighthouse, ideally, it needs to be less than 2.5 seconds. A good target though is 2 seconds or less. As Stephen says, It is normally governed by the rendering of images or videos, and it will go up and down somewhat.

Best practice is to size an image to for the place it will be going into and to use an optimisation plugin and/or create WebP image (for those that are static i.e. not GIFs.

If you need more help, do ask.
:-)
Richard
Reply
jn232 Premium
Thank you, Richard.
Let me check if any tutorials are available here for the WebP image :)

Joe
Reply
StephenThiam Premium
Hi! Joe and Richard, I pay some money for WebP using WP Compress but pad speed is unstable. Site support install Kraken plugin for me with free API code, plus WP Optimizer image compress I am enjoying stable page speed without paying $9/month. Google never ask for WebP to me when image has proper compress with record on the media library. Hope can help save your money.
Reply
jn232 Premium
Thanks for the tips, Stephen. Appreciated that.

Joe
Reply
richardgb Premium
Hi guys...
There are a few sources.
I prefer to use the software on my PC so that I can use it when I don't have the internet.
I use "Pixillion Image Converter" to create WebPs and to re-size the images.

Also, just for info... I use the Optimole plugin which handles WebP nicely, includes lazy load and provides a limited free CDN service (the paid version provides a full service).
:-)
Richard
Reply
StephenThiam Premium
Hi! Richard, I have experienced WP Compress using a CDN let my website fly to the sky with a low bounce rate below 10% but keep asking to add money for more quota. Once I refused on the 7 October, the bounce rate shoots up to 70% and lost 200 clicks per day.
After this, I decided not to use any payment method, the traffic is showing return back except bounce rate still high at 79% now. A turning down for bounce rate started today with 230 visitors.
Using the Optimole plugin, it is tied up with an image plugin paying a little money and CDN paying also. Still under my consideration if I failed again. The software you have mentioned is interesting to me. Thanks for sharing more ways to improve our website page speed.
Reply
richardgb Premium
Hi Stephen ... I understand.
I use the free version of Optimole which works wonders for me.
:-)
Richard
Reply
jn232 Premium
I will go ahead and try it, thanks, Richard and Stephen.

Joe
Reply
richardgb Premium
Hi Joe
Do ask if anything isn’t clear.
:-)
Richard
Reply
jn232 Premium
Thank you, Richard.
Reply
StephenThiam Premium
Do not over worry about page speed issue since it will come and go when you have added a new post. Normally LCP are caused by image, especially the feature image, keep small at 650 x 400.

Make sure your image is properly sized and compress by Kraken plugin. Can ask site support to install for you. Prepare the image size 650 fixed width x 400 height can vary a little. in the media library and saved back to your PC and delete the original image from the media library. Re-install the ready image from your PC back to the media library, now you can use in your website.

Add a new plugin called Lazy load from WP Rocket. With these two steps I hope you can improve LCP caused by image.
Reply
jn232 Premium
Fantastic, thank you, Stephen.
Yes, earlier, the mobile version speed is low at 47, a few hours later it went up to 87 scores.

Joe
Reply
JoeRebisz Premium
Not sure Joe, you didn't show what it said lol
Reply
jn232 Premium
Ops, I just realized that, Joe.
The LCP element said,
<h1 class="entry-title" itemprop="headline">

Is it something not right about the headline?
Reply
JohnJStanley Premium Plus
Hey Joe,
Bit hard to help with this one. I don't see that on my Google Mobile PageSpeed insights. Can you add a screenshot to your question? If you edit the original question with adding the screenshot, that will help.
Reply
favorme Premium
Great question with knowledgeable answers. Hope the feedbacks are helpful to you.
Reply
Top