CSS を非同期に読み込む方法 (preload)
preload
参考:
<link rel=”preload”> を使って CSS を非同期で読み込む – Qiita
ライブラリに頼らずに CSS の遅延読み込みを JavaScript で実現する – Qiita
全ブラウザ対応!preload で CSS を非同期で読み込み高速化 | FirstLayout
CSS を非同期で読み込む方法 多分これが1番いいはず! | Anyushu
重要ではない CSS ファイルを後から遅れて読み込ませる方法 – スタイルシート Tips ふぁくとりー
link 要素で preload を使って非同期にファイルを読み込む – はしくれエンジニアもどきのメモ
CSS を JS の async みたいに非同期で読み込ませる | ghost_in_the_info
Font Awesome の CSS を非同期で読み込むと Edge でアイコンが表示されない – 6ixブログ
Resource Hints: preload – Can I use… Support tables
Preload: What Is It Good For? — Smashing Magazine
async 属性
参考:
async 属性で簡単!非同期で js を読み込みレンダリングを速くしよう | Mobile First Marketing Labo
rel=subresource
参考:
rel=subresource で CSS の遅延読み込みをやってみて元に戻した | おち研
rel=subresource を併用した CSS の遅延読み込み – Hail2u
CSS 配信の最適化
参考:
「コンテンツのレンダリングをブロックしている JavaScript/CSS を排除する」の対策をしました – takkaaaaaの日記
CSS の配信を最適化する | PageSpeed Insights | Google Developers [Official]
loadCSS
参考:
filamentgroup/loadCSS: A function for loading CSS asynchronously – GitHub
critical
参考:
addyosmani/critical: Extract & Inline Critical-path CSS in HTML pages – GitHub