目前,我正在使用rel="preload"
在网站中加载某些样式,如这篇帖子https://www.filamentgroup.com/lab/async-css.html中的filament group所述。
<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>
现在,我想使用预取来加载样式表,以降低其优先级。
一种选择是从工作版本开始,只需将“ preload”更改为“ 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文件使用预取是否有用?如果可以的话,两个版本中哪个版本更好?
最后一个问题是:是否有任何预填充的polyfill?