Archived topic
Largest Contentful Paint on H1 issue
5 replies · Started by Sandeep on June 28, 2020
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?
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:
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
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?
These are out two hosting recommendations:
https://docs.generatepress.com/article/recommended-wordpress-hosting/
GP runs on Kinsta
Thanks
You're welcome
