@Shamhaner

Как решить проблему с тегом link c установленным значением preload и as, почему инспектор хрома выдаёт ошибки?

Есть документ HTML с таким содержимым:

<head>

<link rel="preload" href="preload.css" as="style" type="text/css" crossorigin="anonymous">
<link rel="preload" href="preload.js" as="script" type="text/javascript" crossorigin="anonymous">
<link rel="preload" href="fonts/font.woff2" as="font" type="font/woff2" crossorigin="anonymous">

</head>


Почему инспектор выдаёт ошибку?:

example.com/:1 The resource example.com/preload.js 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.

example.com/:1 The resource example.com/preload.css 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.

, а на подключённый шрифт не ругается, независимо от отсутствия или присутствия 'crossorigin', требует указания 'as', хотя видно в коде, что значения указаны явно, даже указания типов не требуется в данном случае.

Как устранить данные ошибки?
  • Вопрос задан
  • 11919 просмотров
Пригласить эксперта
Ответы на вопрос 1
@acwartz
Тут должна быть ваша реклама.
Просто предупреждение что ресурсы предзагружены но не используются в загружаемой странице.
Попробуйте prefetch вместо preload или уберите их вовсе.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы