Super confused by LCP issue after font change.

[ad_1] [Example pagespeed insights report]).

I changed the fonts on my site today (I’m not a developer, I just used the typography editor in the appearance customizer) and my LCP has gone from about 2s to about 5s, though the LCP element is the H1 for the post.

Pagespeed otherwise is fine, FCP is 1.4s, CLS 0.02 and time to interactive is 3.7s.

As the other items are fine other than the H1 loading, I’m wondering if the issue is the font is coming from Google and not preloading?

The new font is Open Sans, and the h1 is 32px at 600 weight, so I uploaded the following fonts and added them to WP Rocket’s “Preload Fonts” section:

* /wp-content/fonts/open-sans-v34-latin-regular.woff2
* /wp-content/fonts/open-sans-v34-latin-600.woff
* /wp-content/fonts/open-sans-v34-latin-600.woff2
* /wp-content/fonts/open-sans-v34-latin-regular.woff

I also added the following URLs to that preload fonts section based on the CSS:

* /wp-content/themes/colormag-pro/assets/fonts/OpenSans-Regular.woff
* /wp-content/themes/colormag-pro/assets/fonts/OpenSans-SemiBold.woff
* /wp-content/themes/colormag-pro/assets/fonts/OpenSans-Bold.woff

Appreciate any advice on getting this fixed.

[ad_2]