В данный момент я загружаю некоторые стили на сайте с rel="preload", как объясняется группой накаливания в этом сообщении: https://www.filamentgroup.com/lab/async-css.html.
<link rel="preload" href="path/to/mystylesheet.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="path/to/mystylesheet.css"></noscript>
Теперь я хотел бы использоватьпредварительная загрузка для загрузки таблицы стилей с целью придания ей более низкого приоритета.
Один из вариантов - начать с рабочей версии и просто изменить «предварительную загрузку» на «предварительную выборку»:
<link rel="prefetch" href="path/to/mystylesheet.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="path/to/mystylesheet.css"></noscript>
А другой вариант - создать две отдельные ссылки:
<link rel="prefetch" href="path/to/mystylesheet.css">
<link rel="stylesheet" href="path/to/mystylesheet.css">
У меня есть несколько вопросов по этому поводу: полезно ли использовать предварительную выборку для файла CSS?И если да, то какая из двух версий лучше?
И последний вопрос: есть ли какие-нибудь полифилы для предварительной выборки?