Google Pagespeedの「折りたたみコンテンツの上」とは何ですか？

Question

最近まで、私のサイト（www.heatexchangers.ca）はGoogle Page Speedで98％の得点を記録していました。 Webフォントからのクエリ文字列など、何もできないことがいくつかありました。これは私ができること全てを表しているので、私はこれに非常に満足していました。

最近Googleがページスピードスコアに影響を与え、私は今だけページスピードで89％を取得し、この提案を得る何か他のものを追加しました：

• は、上記の倍に外部レンダリングブロックJavaScriptとCSSを排除しますコンテンツ。

この問題を解決するための提案は、すべての.cssファイルと.jsファイルをトローリングし、それらの一部を分離してHTMLにインラインで追加することです。これは、できるだけ多くのJSとCSSをHTMLから取り除かなければならないという印象を受けていたため、私に混乱を招いています。正確コンテンツ「フォールド上」とは何

？それがフォント、背景色などのようないくつかのスタイルであれば;インラインを含めるにはそれほど大きな問題ではないかもしれません。私はこれが何であるかの正確なリストを見つけることができませんでした。 Googleは最近、より良いますますモバイルウェブを反映するために、ページのスピードツールを変更したため

Answer 1

です。モバイルデータネットワークは、有線または無線とは異なるパフォーマンス特性を持つため、最適化するためにはさまざまなことを行う必要があります。あなたが見るためにスクロールする必要はありません。何でも - 上記の倍

（ATF）は、単に最初の画面の価値があります。明らかに、これはデバイスとその向きに応じて変わるので、スマートフォンをターゲットにしたタブレット、タブレット用のタブレット、大型デスクトップ用のタブレットなど、一般的なオプションを一般化したり、多分見つけることができます。

彼らが話しているかCSSのためとして、彼らは本当にATFを表示されているものは何でもコンテンツの完全なスタイルに必要なすべてのCSSを意図しています。あなたのATFコンテンツの読み込み時間を決定するために、彼らは最終バージョンのスクリーンショットを撮り、その読み込み時に視覚的にそれをページと比較します。そして、それが十分に似ていると、ATFコンテンツが読み込まれます。

これは、このテーマに関するGoogleからのビデオプレゼンテーションです：

http://www.youtube.com/watch?v=YV1nKLWoARQ

重点は、ユーザーが最初秒以内に何かを得ることにあります。 CSSにATFコンテンツを直接HTMLに入れる理由は、モバイルデータのパフォーマンスに関する研究結果を反映しているため、CSSがないと、すぐに最初の2秒以内にロードされないことを示しています。

彼らはまた、このの一部を自動化することができるかもしれツールへのリンクを提供しています。私は彼らとYMMVを試していない。

Answer 2

Googleのページの洞察は、どのように多くのCSSの％倍以上のコンテンツを参照するには遅すぎるロードされていると、ページが以前にレンダリングされている可能性が明確に教えてくれます。あなたは緑の結果を達成するためにCSSの部分を動かすことができます。 私はあなたのためにそれをすることができます：goo。「倍を超える」 https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

Answer 3

を記述したGoogleからのGL/GsRxNc

リンク彼らは、このような分析や、彼らが「前他のすべてに私をロードし、それらを置くことをお勧めする理由であるトラッキングコードのようにしてレンダリングをブロックJSを参照してください。 "フッターのスクリプトは、ユーザーがスクリーンにサイトを持ってくると読み込まれます。