2017-08-20 6 views
1

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配信:

https://.../1.css

彼らは55%とはどういう意味ですか?ページから外部スタイルシートを削除すると、明らかに苦情はなくなりましたが、この数字は正確に何を意味していますか?

+0

リンク先の質問と回答は、「折り畳まれたコンテンツ」とは何かを説明しています。 「ページ上の折りたたみコンテンツの約55%がレンダリングされる可能性があります...」とは、折り畳まれていると見なされるコンテンツの意味であり、そのほとんどは外部CSSなしでレンダリングされますが、外部CSSが読み込まれるまで待機する必要があります。これは、CSSの読み込みを延期したり、上記の折りたたみコンテンツを外部のCSSとは独立させる機会を指しているはずです。 – orip

+0

「折り畳まれたコンテンツ」とは何ですか?それは問題ではありません。 PageSpeedによれば、折りたたみコンテンツの55%は、ページ上の唯一の外部スタイルシートがロードされるのを待たずにレンダリングすることができます。つまり、折り畳まれたコンテンツの45%はレンダリングするスタイルシートが必要です。それはまったく木ではありません。スタイルシートには決して使用されないセレクタが1つ含まれています。だから私の推測は、数字が何かを意味するということです。あるいは、私はそのメッセージを理解していません。 –

+0

@mplungjan私は私の質問がどう違うかを説明しました。再開してください。 –

答えて

0

折り目の上の部分は、スクロールせずに(一番上に)表示できるページの一部です。どのくらいそれはデバイス、ブラウザのサイズに依存しています、あなたはそれを命名します。

「あなたのページの上記の折りたたみコンテンツの約55%は、次のリソースが読み込まれるのを待たずにレンダリングすることができる」という意味です。言い換えれば、「以下のリソース」には、ページのその部分の45%に適用されるCSS規則があります(折り畳まれたコンテンツの上に)。残りの55%は外部スタイルシートを必要としません。そして、これらのルールをページ自体に移し、外部のスタイルシートの読み込みを遅らせるのはおそらく意味があります。スタイルシートが読み込まれるのを待たずに、折り畳まれていないコンテンツをレンダリングすることができます。数字(45%)が大雑把に不正確な場合があります。

関連する問題