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…
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
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
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.
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.