[Resolved] Largest Contentful Paint on H1 issue

[Sandeep]

Hi,

On checking my web page with Google page speed tool, I am seeing LCP issue and in the list of issues, the largest content item is shown as:

Mobile:
<h1 class=”entry-title” itemprop=”headline”>

Desktop:

How can I fix this?

[David]

Hi there,

google provides lots of documentation on the LCP metric:

This explains what it is:
https://web.dev/lighthouse-largest-contentful-paint/

and this explains how to optimize:

https://web.dev/optimize-lcp/

What you should avoid doing is assume the two elements it lists under LCP are the actual problem. They are simply the largest ( in pixels ) sized elements that google assumes is your main content.

You need to look at:

1. Is there anything related to those elements that is causing a delay – such as a Large image, or a slow loading font.

2. What is effecting the overall load time of your site.

On your site the difference between FCP and LCP are fairly small. But you have a slow FCP time, which means the issues are more likely related to server response times and their being a large amount of requests. Improve those to improve your LCP and any other metric

[Sandeep]

I agree with you. My shared hosting is killing the speed metrics.

What kind of hosting is recommended by you guys as an upgrade from shared hosting?

[David]

These are out two hosting recommendations:

https://docs.generatepress.com/article/recommended-wordpress-hosting/

GP runs on Kinsta

[Sandeep]

Thanks

[David]

You’re welcome

[Author]

Posts