Google Core Web Vitals &Paradox of page speed

最近、Google が来年から Google 検索でサイトのランク付けを微調整する方法の変更について言及した記事をたくさん読みました。現在、数式には、Core Web Vitals と呼ばれる多数のユーザー インタラクティブ要素が組み込まれており、まもなくページ パフォーマンスが加わります。私は思ったが、今は悪い考えだ.

あなたの最初の本能は - よ、古い恐竜 - そしてそれも私のものだったので、実際に何が得られるかを確認することにしました. Google には、Google Search Console (新しいウェブマスター ツール)、PageSpeed Insights など、ウェブサイトのパフォーマンスを確認するのに役立つ多数のサービスがあります。というわけで、デドイメドをチェックしてから、この記事を走り書きしました。

ページ速度が無意味な理由

私はこれについて何年も前に、モバイルの誇大宣伝全体の前にすでに書いていますが、議論はまだ残っています.しかし、それ以上に、ページ速度はユーザー エクスペリエンスの指標ではありません。これはせいぜい、ページを提供するソフトウェア スタックの指標です。これは、技術的な豊かさの指標でもあります。これについては、後で説明します。

まず、いくつかの簡単な数学、Core Web Vitals は別として。 100 行のテキストと 10 個の画像を含むページは、1,000 行のテキストと 100 個の画像を含むページよりも小さく/短くなります。他に何も考慮しなくても、より多くのデータを含むページは読み込みに時間がかかるはずです。これはコンテンツについて何かを教えてくれますか?いいえ。

したがって、他のすべてのパラメータを除外すると、コンテンツが少ないほど速度が速くなります。偶然かどうかにかかわらず、これは最新の Web の唖然とするパターンにうまく適合します。2014 年頃、モバイル インターネット (一言で言えばスマートフォン) が非常に多用されるようになったのとほぼ同じ時期に支配的な勢力になりました。

これは、短い注意スパンと安価な消費主義につながります。可能な限り正確で有用なメッセージを伝えようとするのではなく、できるだけ少ない文字数でコンテンツを書きます。テキストの代わりにビデオと画像。もちろん、これは IQ の低い大衆を楽しませるために必要なものです。結局のところ、愚かな人々はビジネスに適しています。彼らは、軽薄なことにお金を使う可能性が高く、より簡単に強要されたり、トレンドに左右されたり、より簡単に制御されたりします.こんにちは、プロフィット!

第二に、ページの読み込みは、ページの性質について何も教えてくれません。フォームに入力する必要があるページは、ノルマン征服の歴史を要約するページとはまったく異なります。前者では、純粋な速度ではなく応答性が重要になる可能性があります。後者では意味のない値です。さて、これは些細なトピックではありません。この背後には深く複雑な科学があり、私でさえこのテーマについていくつかの真剣な研究を行い、過去にさまざまな会議で私の研究を発表しましたが、今は脇に置きましょう.

実際の例:ここで公開する典型的な Linux レビュー。それらは非常に長く、通常は約 40,000 文字のテキスト (約 2,500 ～ 3,000 語) で、1 ページに約 30 ～ 40 の画像が含まれています。このコンテンツの読み込みには時間がかかります - それほどではありませんが、多少です。

しかし ... 記事は常に 2 段落のテキストで始まり、それ以上ではないにしても、読むのにおそらく 15 ～ 20 秒かかります。ユーザーが読み終わるまでに、すべてのアセットが 10 回以上読み込まれました。速度はユーザー エクスペリエンスにまったく影響しません。

しかし... いわゆる「SEO」の観点からこのページを見ると、専門家と思われる人にとっては「長すぎる」のです。詳細に触れたり、私が嫌悪感を抱いているソフトウェアやアイデアにスポットライトを当てたりすることなく、記事を 500 ～ 600 語以内または類似のものにすることを推奨するさまざまな「SEO」ツールを見てきました。これ自体は無意味な数字ですが、マシンが実際には数値化できないものに疑似科学を当てはめようとすると、このようなことが起こります。

それが品質です。

「SEO」に関するもので決して言及されていないことの1つは、品質です。実際、これはどのマシンもチェックできないものです。品質は信頼のようなものです。それを見つけ、構築し、育てるには時間がかかります。品質には時間的な機能もあります。ブログの 1 ～ 2 文を読んだだけでは、必ずしも「高品質のコンテンツ」であると判断できるとは限りません (その分野の専門家であれば、そうすることができます)。一般に、公開された資料の一貫性と正確性のレベルを判断するには、複数の繰り返し経験が必要です。

スピードに戻ります。一緒に遊びましょう。ページをできるだけ早くロードしたい場合は、コンテンツをできるだけ短くしたいと思うでしょう。これは、おそらく品質の低下を意味します。次に、コンテンツを複数のページに分割する可能性がありますが、読者に数字や矢印を何度もクリックさせることになります。一般的な意見はよくわかりませんが、これはかなり退屈だと思うので、できる限り控えるようにしています (いくつかの小さな例外を除いて)。

実際、Web ページ (同じコンテンツの「ページ」を提供する複数のページ) の概念は、速度を必要としない無意味な速度の追求の結果です。私たちが話しているのが画像である場合、画像ギャラリーは定義上、個々の (そして多くの場合独立した) フレームのセットです。それがテキストの場合、長いコンテンツについて話していることになりますが、それはおそらく当然のことです。したがって、速度の考慮は、実際にはここではキャッチ 22 の問題です。

よし、いくつかのページを採点してみましょう

しかし、最初に言ったように、実際の数字が必要です。そこで、dedoimedo.com の速度テストを行ったので、その結果をお見せしましょう。実際には、デスクトップでページが表示される方法と電話 (モバイル) で表示される方法の 2 つの別個の結果セットが得られることに注意してください。スコアは 0 ～ 100 で、もちろん高いほど良いです。

データを見ると、デスクトップのパフォーマンスは良好ですが、モバイルはそうではありません。まったく同じ内容。両者の違いはごくわずかです。私が見る限り、FCP パラメータには 200 ミリ秒の違いしかありません。

さて、Lab Data はさらに多くの情報を提供します。ここで、いくつかの追加情報を取得します。しかし繰り返しになりますが、ページの性質を考慮しないと、数字はあまり意味がありません。たとえば、Time to Interactive のように、私のページ (テキストと画像) には本当のインタラクティブ性がありません。読んで、見て。この時間の一部 - ページのコンテンツが目に見えるように読み込まれた速さは、スピード インデックスによって示されます。これは、速度がいかに無意味であるかという私の議論に戻ります。たとえば、デドイメドのインデックス ページには、過去数か月に公開されたコンテンツのニュースの見出しが表示されます。明らかに、それが少なければ、読み込みにかかる時間も少なくなります。しかし、それは問題ではありません。

この数字は驚くべきものに見えるかもしれませんが、私を信じてください。試してみて、多くの人気のある技術出版物を調べて、自分の目で確かめてください。

ここで、何が得られるかをさらに理解するために、結果を拡大し、レポートで利用可能なさまざまな機会と診断を調べることにしました。基本的には、このレポートの背後にあるアルゴリズムが示唆する推奨事項です。これらはスコアには影響しないことに注意してください。ただし、それ自体が意味を持っています。

賢明な診断 - 一部のサードパーティ コードが (何の) メイン スレッドの読み込みを約 1 秒間ブロックしたようです。内訳を見ると、主な原因は、実際にはさまざまなページで使用している Google 広告 コードであることがわかります。同様に、document.write() は接続が遅い場合の別の問題としてフラグが立てられており、これもサードパーティ コードに属します。

機会 - いくつかの興味深いものがあります。画像。古い JPG や PNG の代わりに「次世代」フォーマットを使用することをお勧めします。おそらく、これにより読み込み時間が約 2.7 秒短縮されますが、2.7 秒は、サイトの任意のページで 1 行のテキストを読むのにかかる時間よりも短くなります。実際には、違いはありません。しかし、これは私の記事での大量の画像セットの使用にまでさかのぼります。人々が私のガイドとチュートリアルから最高の価値を得るのを助けるまさにそのこと.現在、これはスコアに直接影響しませんが (これが何を意味するかはわかりません)、アルゴリズムは、私がユーザーに提供するものの背後に何らかの価値があるかどうかを実際に判断することはできません.画像自体が役に立たない可能性があります。

私が再び興味を持ったのは、未使用の JavaScript であり、すべて私が Dedoimedo で使用している Google のものに関連するサードパーティのコンテンツです。今では、正確で細心の注意を払っていることに誇りを持っています。ユーザー、つまり読者、重要な人々が最高の体験をできるように、私は常に最高のソリューションを実装しようと努めてきました.

これが、Dendoimedo のオーガニック JavaScript が 0 である理由の 1 つであり、活発であるべき理由でもあります。クッキーもコメントも何もありません。唯一のサード パーティ コードは、いくつかの基本的な分析、検索、いくつかのボブをあちこちで獲得しようとするいくつかの広告、および GDPR と CCPA で必要とされる Cookie オーバーレイ アプレットです。しかし、上記の結果を見て、私ができる最善のことは、サードパーティのスクリプトを完全に破棄することです.

さて、私は上記のコードを発明していません。 Google の規定どおりに広告コードを使用しています。私は、Civic の規定どおりにクッキー アプレット コードを使用しています。ローディング、おそらく非同期関数などを改善する機会がある場合、私はそれらを実装することはできません。サードパーティ企業がコードを作成する方法を制御することはできません。私の唯一の制御は、それらを使用することを選択することです - そしておそらくその選択も再検討する必要があります.

次に、結果もテストごとにかなり異なるようです。これは、最初の結果が収集されてからわずか 2 日後のモバイルの結果です。気にしませんが、私の側からの入力なしで結果が大きく変化した場合、これらの結果をどのように考慮に入れればよいでしょうか?

この数値は、Google Search Console のレポート (すべてのページでページのパフォーマンスが良好であると報告されている) とは対照的であるように見えますが、フィールド データのテキスト レポートは一致しているようです。余談ですが、インデックスされたすべてのページのうち、モバイル ユーザビリティの問題があるように見えるのは 2 つだけです。どちらの場合も、ライブ テストではすべて緑色で報告されるため、これらは誤検知のようです (さらに、実際には電話で正しくレンダリングされます)。 .たとえば、ここでフラグが立てられた 2 つのページのうちの 1 つ、Windows 10 エクスプロイト ガイド:

親しみやすいといえば、グレーの背景に淡いグレーのフォントはあまり親しみにくいです。

結論

そして、あなたはそれを手に入れました、私の発見。数値は、それ自体ではあまり意味がありません。文脈がなければ、何が得られるかわかりません。デスクトップとモバイルで大きく異なる数値、およびサンプルごとに異なる数値。同様の機能を提供する別のツール セットと一致しない数値。主にサードパーティのスクリプトの影響を受けていると思われる数値で、そのほとんどは Google によって作成されたものです。誤検知も含む一部のデータ。

これは短くて簡単なテストです。パフォーマンス スラッシュ速度がどのように解釈されるかについて、多くのバリエーションとあいまいさが示されています。繰り返しになりますが、数字の背後にある内容や実際の品質については何も知りません。ページのスコアが 100 点であっても、現代のインターネットのほとんどは汚泥です。それは最初に対処する必要があるものです。でもまあ、私はただの料理人です。

私がここに書いたことを気にする人がいるかどうかはわかりませんが、これは一人の男の意見です。しかし、式に速度を追加すると、事態は悪化するだけだと思います。神話上の「SEO」ユニコーンを追う人々にとって、事態はすでに悪いものになっています。速度は、さらに希釈された「速い」コンテンツにつながるだけであり、マシンを喜ばせるように設計された物質なしでさらに毛羽立ちます。ヒント:私は「SEO」の推奨事項を試したことは一度もありません。私のサイトの人気は、成長、縮小、再び成長し (私の側ではまったく介入しませんでした)、完全に外れた経済的考慮事項のビートに合わせて縮小し、成長しました。私のコントロール。代わりに、私は品質と楽しさに焦点を当てています。しかし、私は、自分がオールドスクールの技術者の死につつある種族であることも知っています。未来はタッチ ハッピーな馬鹿に属しています。それは彼らの未来だからです。 IQ の低い人々から十分な利益を上げている企業からの配当を楽しみながら、日当たりの良いどこかの素敵な島で退廃的な退職をした彼らに敬意を表します。

乾杯。