CSSレンダリングをブロックする最良の方法

Question

私のウェブサイトからのレンダリングのブロックを除去したいのですが、できません。 私は外部CSSファイル、またはフォントを使用せず、大きなCSSファイルのみを使用します。 CSSのheadcontent CSSからすべてのコンテンツをコピーすると、Googleのページの洞察からレンダリングのブロックが消えます レンダリングのブロックを排除し、CSSタグをスタイルタグでコピーする代わりにリンクを含むCSSファイルをインクルードするか、 bodyタグのCSS？あなたが最も可能性の高い探している

Answer 1

：

<link rel="stylesheet" href="yourFile.css" media="none" onload="if(media!='all')media='all'"> 

しかし、先に進む前に、技術とその限界を詳述し、次のリソースをご覧ください：

• initial articleキース・クラーク
• follow upでテイラーハント

また、Taylor Huntのリンクも必ず確認してください。 Filament GroupのloadCSS関数/ polyfillを使用します。

しかし、この手法ではページ上にFOUCが発生することに注意してください。 - 、

非同期スタイル（負荷非同期）

• レイアウトの基本（ブロッキングレンダリング通常負荷）：次の2つの部分にあなたのCSSを分割する必要があります。