rel=preload
を初めて試し、いくつかのスタイルシートに使用します。問題のコードは次のとおりです。
<link rel="preload" href="css/styles.css" as="style">
<link rel="preload" href="//allyoucan.cloud/cdn/icofont/1.0.0beta/css/icofont.css" crossorigin="anonymous" as="style">
Chrome= 61でテストしています。スタイルシートが期待どおりにダウンロードされていることがわかりますが、実際には適用されず、コンソールにプリロードされたリソースが使用されていません。
rel=preload
だけを優先してrel=stylesheet
を削除すると、完全に正常に動作します。
行方不明のものはありますか?
このアプローチについてどう思いますか:
<link rel="preload" href="style.css" as="style" onload="this.rel='stylesheet'">