Optimze fonts for better LCP

Hi,

The LCP on our website is getting bigger and bigger te last weeks. I’m looking for a solution and one of the things that is blocking the first paint are different fonts. I don’t think they are all needed and there must be a way to speed it up. We use WP Rocket.

These fonts are all loaded.

/wp-content/cache/fonts/1/google-fonts/fonts/s/urbanist/v15
/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff
/wp-content/cache/fonts/1/google-fonts/fonts/s/urbanist/v15/L0x
/wp-content/cache/fonts/1/google-fonts/fonts/s/worksans/v19/Q

Do you know a way to optimize this?

Thank you in advance!

Hello,

LCP(Largest Contentful Paint) message doesn’t mean that this particular element is loaded slowly. It just indicates which element is the Larger Contentful Paint. Read more here https://developer.chrome.com/docs/lighthouse/performance/lighthouse-largest-contentful-paint/?utm_source=lighthouse&utm_medium=lr

First, you need to optimize the site in general – https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/

These issues (https://prnt.sc/DxqiVSHcf0Er) together can cause this problem, so I suggest sorting out those diagnostic issues and then re-check whether the “Largest contentful…” issue persists or not.

Kind Regards

[Author]

Posts