UPD関連ページをよく読んだことがありますが、私の質問には答えられません。パーセントは何を意味しますか?さて、説明にattemptがあります:折り畳まれた部分の内容に関するパーセントは何を意味しますか?
Googleのページの洞察力が倍以上のコンテンツが遅すぎるロードされていると、ページが以前にレンダリングされている可能性が言及明確にCSSの何%をあなたに教えてくれます。
しかし、これはPageSpeedの言うよりもはるかに明確ではありません。もし正しいならば。
<!doctype html>
<html><head>
...<style>...</style>...
</head><body>
...
<link rel="stylesheet" href="1.css">
<script src="..."></script>
<script src="..."></script>
<script src="..."></script>
</body></html>
1.css:
私はbodyタグの終わりにすべての私の(あまりまだおそらく、12K)の頭の中でインライン化CSSだけダミーの外部スタイルシートでページを持っています:
.not-used-selector {color: red;}
ページスピードは私に語った:
上記-FOの約55%次のリソースが読み込まれるのを待つことなく、ページのコンテンツをレンダリングすることができます。ブロッキングリソースを延期するか、非同期的にロードするか、またはこれらのリソースの重要な部分をHTMLに直接インライン展開してください。次の
最適化CSS配信:
彼らは55%とはどういう意味ですか?ページから外部スタイルシートを削除すると、明らかに苦情はなくなりましたが、この数字は正確に何を意味していますか?
リンク先の質問と回答は、「折り畳まれたコンテンツ」とは何かを説明しています。 「ページ上の折りたたみコンテンツの約55%がレンダリングされる可能性があります...」とは、折り畳まれていると見なされるコンテンツの意味であり、そのほとんどは外部CSSなしでレンダリングされますが、外部CSSが読み込まれるまで待機する必要があります。これは、CSSの読み込みを延期したり、上記の折りたたみコンテンツを外部のCSSとは独立させる機会を指しているはずです。 – orip
「折り畳まれたコンテンツ」とは何ですか?それは問題ではありません。 PageSpeedによれば、折りたたみコンテンツの55%は、ページ上の唯一の外部スタイルシートがロードされるのを待たずにレンダリングすることができます。つまり、折り畳まれたコンテンツの45%はレンダリングするスタイルシートが必要です。それはまったく木ではありません。スタイルシートには決して使用されないセレクタが1つ含まれています。だから私の推測は、数字が何かを意味するということです。あるいは、私はそのメッセージを理解していません。 –
@mplungjan私は私の質問がどう違うかを説明しました。再開してください。 –