134

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

最近、Google はページ スピード スコアに影響を与える何かを追加しましたが、ページ スピードで 89% しか得られず、次の提案が表示されます。

  • スクロールせずに見えるコンテンツで、外部のレンダリングをブロックする JavaScript と CSS を排除します。

これを修正するための提案には、すべての .css および .js ファイルをトローリングし、それらの一部を分離して html にインラインで追加することが含まれているようです。これは、できるだけ多くの JS と CSS を HTML から除外する必要があるという印象を受けていたため、混乱を引き起こしています。

「アバブ ザ フォールド」コンテンツとは正確には何ですか? フォント、背景色などのいくつかのスタイルの場合; そうすれば、インラインを含めるのは大したことではないことがわかります。これが正確に何であるかのリストを見つけることができませんでした。

4

4 に答える 4

115

これは、Google が最近、ますますモバイル化が進む Web をより適切に反映するようにページ速度ツールを変更したためです。モバイル データ ネットワークは、有線や Wi-Fi とは異なるパフォーマンス特性を持っているため、それらを最適化するにはさまざまなことを行う必要があります。

スクロールせずに見える (ATF) は、単に最初の画面の価値であり、スクロールする必要がないものです。明らかに、これはデバイスとその向きによって異なるため、一般化する必要があり、実行可能な一般的なオプションを見つける必要がある場合があります。たとえば、スマートフォン向け、タブレット向け、大型デスクトップ向けなどがあります。

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

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

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

最初の 1 秒以内にユーザーに何かをさせることに重点が置かれています。ATF コンテンツの CSS を HTML に直接配置する理由は、CSS が存在しない場合、最初の 1 秒以内に十分な速度でロードされないことを示すモバイル データ パフォーマンスに関する調査を反映しています。

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

于 2013-10-17T03:19:04.503 に答える
2

google page Insights は、フォールド上のコンテンツを参照する css の何% が読み込みが遅すぎて、ページが以前にレンダリングされた可能性があるかを明確に示します。緑の結果を得るために css の一部を移動するよりも。私はあなたのためにそれを行うことができます:goo.gl/GsRxNc

「スクロールせずに見える範囲」を説明する Google からのリンク https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

于 2016-11-10T12:44:54.440 に答える