As we all know, the Core Web Vitals are a set of things that Google thinks are important for the overall user experience of a webpage. How can Hubspot COS websites optimise and improve their largest contentful paint, first input delay, and cumulative layout shift?
Hi,
It’s an really open question that falls back to the holistic view on website. LCP, CLS and FID has to do with almost everything on a website. I think for a start, follow @Jnix284 advise.
Good to know, it is posible to have a good metrix on a HubSpot website. Checkout https://www.bureauvet.nl . HubSpot is tricky, but a decent developer can do the job!
Best
Hi @jbonds
Happy to help, how you optimize for core vitals is essentially the same for HubSpot as any other CMS. This article does a really good job of explaining what each of the core vitals are, which is the first step in understanding how to improve your score.
When you run PageSpeedInisights, you’ll get a list of Opportunities that will help explain the results for your site, which you can then start working on improving.
Is there a specific opportunity or result you are trying to figure out?
Hi,
I was looking into that app, and I see no valid reason whatsoever for a performance-boosting tool to require access to your CRM data—yet this plugin somehow does.
Beyond that, it’s essentially a simple tool that provides step-by-step instructions and helps generate small pieces of code. However, as a user, you still end up doing a lot of manual work like copy-pasting without fully understanding what you’re doing. Pasting code blindly can be risky, as you won’t know what went wrong if something breaks.
I would definitely not recommend this tool. It’s just a set of instructions (which I’d gladly share with anyone for free) and unnecessarily demands access to your CRM data, which is completely irrelevant for the task at hand.
Hi, @jbonds
For a site, I’d start by running a few important page templates through PageSpeed Insights and checking which part is causing the Core Web Vitals issues.
For LCP, I’d check the main hero image and above-the-fold content first. Make sure the image is properly sized and compressed, and that the main LCP image isn’t being lazy-loaded. It’s also worth checking whether fonts or CSS are delaying the content from appearing.
For CLS, look at images, forms, banners, popups and embedded content that may change size while the page is loading. Setting dimensions or reserving space for these elements can help prevent the layout from shifting. For the interaction metric, I’d review the JavaScript from HubSpot modules, analytics, chat and other third-party resources. Anything that isn’t needed immediately can be deferred or loaded later.
I’d fix the biggest issue shown in PageSpeed first, then retest before moving on to the next one. This makes it easier to see which changes are actually improving the site.