Archived topic
Need help with high LCP on mobile
6 replies · Started by Alan on August 21, 2021
Hi
I've almost finished rebuilding my website but I appear to have a moderately high LCP when I do a mobile test on Pagespeed Insights. Can someone please suggest how I might go about improving this?
When I do a test by selecting "Desktop" I get a score of 98.
FCP is 0.4s
Speed index is 1.2s
LCP is 0.9s
However when I check using "Mobile" I get a score of 80
FCP 1.5s
Speed index 3.3s
LCP 3.3s
I'm pretty sure that all of my images are the correct sizes and have been optimized. My server is Litespeed so I have got litespeed cache enabled. I deliberately don't have a lot of content on my page but I do have 7 images including the hero.
I would like to improve the mobile results but I'm not sure where to start. Do I have too many images, are the svg's a problem of what exactly?
My website is
Thanks,
Alan
Hi there,
LCP issues are generally related to what is happening before the LCP element can be displayed.
If you check the PSI Report and switch - Show audits relevant to: LCP
You can see the opportunities that need resolved.
I would speak to Litespeed support about the:
Reduce initial server response time
And Eliminate render-blocking resources - you may find it performs better to load smaller CSS files instead one larger combined file ( which is what the site is currently doing ).
The last thing that PSI won't show up is the Background Image on the hero - thats loaded by CSS so is one of the very last things to be loaded and rendered. Personally i would remove the background image and use just a colored background. That 'could' make a huge difference.
Hi David.
I tried removing the hero background image which is only 18 KB and replaced it with a colour but that had no impact at all. I then played around with the settings in lightspeed cache but none of those made any difference at all and even when I turn off lightspeed cache the results are exactly the same so it appears to me that the cache is not really helping in any case.
What does seem to have had quite an impact is when I turn off my contact form plug-in. When I do that the average results go up heaps.
I have replaced my contact form plugin and now I'm getting 94 on a mobile and 100 on a desktop.
Thanks,
Alan
It looks like I have everything sorted now. I would just like to know a couple of things that are related to page speed. My website has been built pretty lean so I can get some decent speed.
Just wondering how much impact does it have if I have one Google font locally.
Also do SVG icons slow the page much? I've got some pages with 6 different 100px by 100px SVG icons on them.
Do these sort of things make the page speed much slower.
Thanks,
Alan
Glad to hear you found the bottleneck.
Installing fonts locally removes the DNS Lookup and Network request being made to the 3rd party server. So when running PSI tests it 'may' show a noticeable improvement.
SVG Images - if they are inline HTML like a GB Headline Block or Button Block Icon, then NO they don't slow down the page. They make no network requests and the browser has native support for them, so no extra code to execute them.
If there an standard Image attachment, then treat them no differently to a PNG or JPEG, but generally SVGs are smaller files.
Thanks David.
Really appreciate the help on this. Great support thanks
You're welcome
