@smartbe

Не работает link rel="preload" для стилей?

Здравствуйте! Помогите, пожалуйста разобраться...

Я прописал тег в HTML

<link rel="preload" href="css/style.min.css" as="style">


Браузер должен начать в самом начале грузить стили и html страницу насколько я понимаю.
У меня ничего не происходит + сами стили не подгружаются. Путь указан верно. Пробовал в браузере яндекс и хроме. Если не указывать rel preload, то все работает хорошо

5e32bf713f6ae368781794.jpeg
  • Вопрос задан
  • 1716 просмотров
Решения вопроса 1
@BigSmoke
Чтобы стили заработали на странице вы должны подключить их как обычно:
<link rel="stylesheet" type="text/css" href="css/style.min.css">


А эта строчка -
<link rel="preload" href="css/style.min.css" as="style">
не подключает стили, а говорит браузеру, что этот файл - "style.min.css" нужно начать загружать прямо сейчас, даже если браузер еще не дошел до строчки, где этот файл подключается на страницу.

Больше инфы про rel="preload" на MDN.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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