CODEWITHSUNDEEP
htmloptimizationpreloadpagespeed-insights
Wojciech A.
Wojciech A.

Reputation: 174

"Preload key requests" problem in page speed insight, but the tag in code exists

I have a website https://www.budowle.pl/ which I want to optimize and increase its score in Google Page Speed Insight.

One of the problems I have is:

Preload key requests
1.68 pp
Consider using `<link rel = preload>` to prioritize fetching resources that are currently requested later in page load. Learn more.
URL
Potential Savings
/fonts/icons.ttf?myrw8(www.budowle.pl)

https://developers.google.com/speed/pagespeed/insights/?hl=en&url=https%3A%2F%2Fwww.budowle.pl&tab=mobile

I haven't found a way to deal with it :(

In the code I have (according to me :)) the correct tag:

<link rel="preload" href="https://www.budowle.pl/fonts/icons.woff?myrw8" as="font" type="font/woff" crossorigin>

I also tried, without this parameter ?myrw8, but without success.

If anyone has any idea what I could do, I'd appreciate your help.

Kind regards, Wojtek

Upvotes: 1

Views: 1160

Answers (1)

GrahamTheDev
GrahamTheDev

Reputation: 24905

Well the problem is that you are looking at the wrong file :-P

You have done everything correctly for the "icons.woff" but you haven't done rel="preload" for the "icons.ttf" file.

This appears to be referenced in your main.css file.

Now as woff font format has very good support you may decide to remove the reference to the ttf format (which would probably be my recommendation as the browsers that don't support woff don't support ttf anyway except very old android devices (less than version 4.4)), if not just add a preload for the ttf file in the same way.

<link rel="preload" href="https://www.budowle.pl/fonts/icons.ttf?myrw8" as="font" type="font/ttf" crossorigin>

Upvotes: 1

Related Questions