Каков наилучший способ загрузки файла CSS с помощью предварительной выборки?
На данный момент я загружаю некоторые стили на сайте с 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>
Теперь я хотел бы использовать prefetch для загрузки таблицы стилей с целью придания ей более низкого приоритета.
Один из вариантов - начать с рабочей версии и просто изменить "предварительную загрузку" на "предварительную загрузку":
<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? И если это так, какая из двух версий лучше?
И последний вопрос: есть ли какие-нибудь полифилы для предварительной выборки?