私は自分のWebサイトで別々のページを2回テストしました。ページスピードとGTmetrixを使用しています。私の主な関心事は、Pagespeedは、あるページでは目に見えるコンテンツを優先し、他のページではないことを私に教えているということです。それは混乱なるのはここです:ページスピードが言うこのページPageSpeedは、折りたたみコンテンツの上に優先順位をつけると混乱した結果を表示しています
、「折り内容上記最終の約53%が、完全なHTMLレスポンスをレンダリングすることができます。」
下の画像は、第2ページ目の画像です。このページでは、「目に見えるコンテンツの優先順位付け」はPageSpeedによって開始されません。
面白いのは、両方のページが同じレイアウトを持ち、「折りたたみよりも優先」警告を持たないページが実際には同じ警告を持たないページよりも4.1KB大きいことです。
下の画像は、「折り畳み内容の上」の警告をトリガーしないページのサイズを示しています。
下の画像は、「折り畳み内容の上」警告をトリガーするページのサイズを示しています。
上記のページサイズは、上記の折りたたみだけでなくページ全体のサイズです。警告をトリガするページ上のイメージは、ページ上のイメージよりも大きくなります。上記をレンダリングするために必要なCSSは、ページコンセントはインラインであり、両方のページで同じスタイルです。両方のページは同じリソースを持ち、折りたたみ部分の上におおよそ同じ量のテキストを表示します。
両方のページのレイアウトが同じで、折りたたみの上に同じテキストがある場合、サイズの小さい画像のページが「折り畳みの上」警告をトリガーし、大きな画像のものが?これはすべてあまりにも混乱しています。
私の心を吹き飛ばしているもう一つの狂気は、3kbイメージを使用して、CSSを使って両方のページを拡大しても、ページのどれもが 'fold above'警告を引き起こしないということです。画像を拡大し、200px幅から300px幅までのCSSを使用して、両方のページよりも 'above the fold'警告をトリガーします。画像のサイズがまだ3kbであることを考えれば、それはどのように可能ですか?
折りたたみ部分の上にあるhtmlのサイズを測定する方法を知っていれば、もっと明確な結果が得られました。