Preload font

[Fabio Nodari]

When I run the Google speed test I get a warning about "Preload key requests"

The message says that I should use <link rel=preload> on this font: roboto-medium-latin.woff2

The strange thing is that I added this code to the header of every page (via Customize page):

<link rel=”preload” as=”font” type=”font/woff2″ href=”https://www.fabionodariphoto.com/wp-content/themes/magazine-pro/fonts/roboto-medium-latin.woff2″ crossorigin>
<link rel="preconnect" href="https://www.fabionodariphoto.com/wp-content/themes/magazine-pro/fonts/roboto-medium-latin.woff2" crossorigin>

Not sure if I'm missing something or this is a bug of Google. I tried removing the preconnect line and only include the preload code but nothing changes. Also putting first preconnect and then preload doesn't change a thing.

Here's an example:
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.fabionodariphoto.com%2Fen%2Fzhangjiajie-travel-guide-hunan%2F&tab=desktop

The strange thing is that this error seems to come and go. It doesn't appear all the time, at least when I tested it.
Hope you guys can help. Is not a big deal I know but it's driving me crazy.

Thanks

PS:
all the fonts are hosted on my website

---

My Blog | My Instagram

[AnitaC]

WP Rocket has a guide to this here that will also send you to Google here. I think maybe visiting both of those pages will help you resolve that.

---

Need help with customization or troubleshooting? Reach out to me.

[Fabio Nodari]

Thanks. I'll check it out.

---

My Blog | My Instagram

[Author]

Posts