Issue with Unsupported Preload Types and Unused Preload Links in HTML Document

Question

Issue with Unsupported Preload Types and Unused Preload Links in HTML Document

holgerkoser opened this issue 4 months ago · comments

What happened:
We've encountered an issue related to the use of <link rel="preload"> in our HTML document header that is causing warnings in the Chrome console. The document is attempting to preload various font formats including EOT, WOFF2, WOFF, and TTF for the Material Design Icons font. However, we're facing two main problems:

Unsupported Type Value Warning: The Chrome console reports that <link rel=preload> tags have unsupported type values. It appears that the MIME types specified for the preloaded resources might not be recognized correctly by the browser.
Unused Preloaded Resources Warning: We're also seeing warnings indicating that the preloaded resources are not used within a few seconds from the window's load event. This suggests that the preloaded fonts are either not being applied correctly or the preloading might not be necessary.

The relevant part of the HTML document looks like this:

<head>
  <link rel="preload" as="font" type="font/eot" href="/assets/materialdesignicons-webfont-nedcbAgB.eot" crossorigin="anonymous">
  <link rel="preload" as="font" type="font/woff2" href="/assets/materialdesignicons-webfont-7DJmoR7l.woff2" crossorigin="anonymous">
  <link rel="preload" as="font" type="font/woff" href="/assets/materialdesignicons-webfont-akyAfUzw.woff" crossorigin="anonymous">
  <link rel="preload" as="font" type="font/ttf" href="/assets/materialdesignicons-webfont-n0-BwJEO.ttf" crossorigin="anonymous">
  ...
</head>

And here are the warnings shown in the Chrome console:

<link rel=preload> has an unsupported type value
The resource https://dashboard.garden.dev.k8s.ondemand.com/assets/materialdesignicons-webfont-n0-BwJEO.ttf was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate as value and it is preloaded intentionally.

What you expected to happen:

How to reproduce it (as minimally and precisely as possible):

Anything else we need to know:

Environment: