ページの最後で非同期に読み込むできあがったcssファイルをHTMLの最後、body閉じタグ手前で非同期に読み込むようにします。})(document);</script>ブラウザのレンダリングをブロックする事なくcssの読み込みと適用が行われます。すると読み込みと描画が高速化されますが、最初にページを表示した時にはCSSが反映されていない崩れたHTMLが表示されます。これを回避するにはクリティカル・レンダリングパスの最適化を行います。具体的にはファーストビューで見える範囲のCSSをHTMLに埋め込みます。3.クリティカル・レンダリングパスをHTMLに埋め込むクリティカル・レンダリングパスの詳細は以下ページを読んでください。developers.google.com難しい話ですよね。誤解を招きそうですが、1行で説明するとページを開いてスクロールしない範囲のCSSがHTMLにあると表示が速いよ!という事です。