Need help with LCP metric in Page Speed Insights
-
Hi
The LCP metric in page speed insight section doesn’t seem to improve. I am using caching, CDN, great hosting, CSS and Js minify, less plugins, fastest theme, and deleted scripts and installed Site Kit instead.
What else can I do? I hope the Site Kit itself is not adding to the slow loading 🙂
-
Thanks for reaching out @niharikaverma95. For LCP improvements, you’ll find the factors most responsible for any slow loading time under the “How to improve” tab, helping you to identify where to focus your attention for a better LCP time. As you already made CDN and caching changes, you can address each issue individually from here. Many of the LCP metrics may not be altered from a hosting or CDN change, such as serving images in next generation formats or reducing unused JavaScript. Such metrics should be actioned individually.
Note also that third party scripts (including Google Analytics, AdSense, etc) does have a trade off with performance, although this is no different to adding these services manually. Additional third party scripts may also be impacting your LCP, although the best way to review your site would be to use the dropdown under each opportunity under the “How to improve” tab. Doing so will ensure you have more information on the biggest factor on your site that is impacting performance. Using the PageSpeedInsights site directly will have further information on each metric after you use this to measure your site. You can also find out more on the different LCP metrics here.
You may find the AMP plugin suitable to improve your LCP score if you’re suit is suitable, with AMP compatible plugins. If your site is suitable, you can also use a static site generator plugin to ensure a faster loading time. These means no trips to your database and no PHP related delays.
Hopefully the above is of use. Let me know if you have any questions on this.
Hi James
Thank you so much for getting back to me so quickly with the detailed information. Highly appreciated.
I did examine the suggestions under How to Improve and most of them are something that were already being taken care of and as you mentioned, it is more about serving images in nex-gen format which I was doing for my article images and reducing unused JS which Debloat plugin was handling.
One thing I missed was using webp image for the logo. I wanted to serve more sharp image which is why I switched to png version but, with some little experiment I was able to generate a webp image with only 4kb without effecting the quality and the LCP dropped to 1.2s in the Lab Report. For the field, I am guessing it will be fixed in coming days as it is based on 28 day period 🙂 Thank you so much.
I am relieved to know that adding scripts manually or via plugin will perform equally. I used to hear from people that Site Kit slows down the side but it didn’t slow down my site at all. Running fast and smoothly.
Also, thank you for sharing details on AMP and Static Site. I will do more research on them. 🙂
Thanks for the update @niharikaverma95. See below response:
I did examine the suggestions under How to Improve and most of them are something that were already being taken care of and as you mentioned, it is more about serving images in nex-gen format which I was doing for my article images and reducing unused JS which Debloat plugin was handling.
Excellent that you’re taking care of these and following best practices! The Modern Image formats plugin can assist with serving images in WebP or AVIF format. It’s part of the overall official WordPress Performance Lab plugin, which should give your site a nice boost or provide flags within your Site Health information on how to do so.
All the Site Kit JS only occurs on the front end in the admin toolbar, which doesn’t impact non-logged in users. You can disable this from your Site Kit settings if you wish. The unused JS metric is very common for all sites. For example if a site is using Google Analytics. the gtag.js file will be requested on every page. Not all the contents of that file will be executed, resulting in unused JavaScript. AMP is one way to resolve that, or a plugin that combines JS.
One thing I missed was using webp image for the logo. I wanted to serve more sharp image which is why I switched to png version but, with some little experiment I was able to generate a webp image with only 4kb without effecting the quality and the LCP dropped to 1.2s in the Lab Report. For the field, I am guessing it will be fixed in coming days as it is based on 28 day period
If you prefer to optimize images of change formats, the squoosh.app site is great as it will let you know the file size after formatting.
I’ll close this support topic, but let me know if you have any further questions on this.
Perfect. Thank you for the help. I will check out all the plugins you mentioned. 🙂
- The topic ‘Need help with LCP metric in Page Speed Insights’ is closed to new replies.