哪种方法是通过预取加载CSS文件的最佳方法?

时间:2018-12-13 13:40:37

标签: html css google-chrome-devtools link-prefetch

目前,我正在使用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?

0 个答案:

没有答案