Hey there, everyone. Following the update in March, my GSC has notified me that there’s a large number of pages moved into the “needs improvement” bucket when regarding to an LCP issue on exclusively mobile. From what I have noticed, our overall organic rankings have dropped significantly, and this seems to be a contributing factor, so I am working to resolve it.
What’s odd is that the majority of these errors seem to be text-based rather than image-based which seems to be more common. The majority of the % of LCP is in the rendering time of the text, but i am not exactly sure about what is causing it. Our entire site is built using HubSpot’s web pages/landing pages and minimal custom code. I am experiencing this on 173 urls across our site with the vast majority being related to the h1 element.
Any sort of guidance here would be greatly appreciated, thank you in advance.
Hi @BroMcKee,
Check for any font, CSS, and JS loading issues that may affect your H1 loading delay.
LCP focuses on render time, not file size; it measures how long the largest element takes to display on the page. While the text’s size is small in bytes, slow-loading fonts, CSS transitions, or JavaScript can significantly impact loading times.
Hi, @BroMcKee
That 95% render delay usually means everything is loaded, but the browser is waiting before it paints the H1. In most cases, this comes down to fonts, CSS, or scripts blocking rendering.
First, confirm in PageSpeed Insights that the H1 element is the LCP element.
Here are the main areas to focus on:
1.Optimize CSS loading
CSS and font loading usually have the biggest impact on text-based LCP.
Make sure critical CSS loads early and remove unused or heavy styles.
2.Improve font loading
Use font display swap for faster text rendering and preload key fonts
3.Reduce render-blocking scripts
Defer non-essential scripts and Avoid loading scripts before above-the-fold content
Keep the hero section lightweight
4.Simplify HubSpot modules
Since you’re using HubSpot pages, complex modules can add dependencies that delay rendering.
Use a simpler text-first structure for the hero section and minimize nested modules or heavy styling.
In your case, since most of the LCP time is render delay, focusing on CSS, fonts, and script priority should have the biggest impact.
If you prefer not to go deep into manual checks, tools like Website Speedy can help identify heavy assets or scripts affecting performance. It’s entirely optional to use.
Disclaimer: We are the developers of the tool.