WordPressユーザー向けのSemaltのGooglePageSpeedガイド
Google PageSpeed Insights（略してPSI）は、Web開発者にとって優れたツールです。その意図は確かに良いですが、平均的なWordPressサイトの所有者には適していないと言えます。また、PageSpeed Insightsは最近WordPressユーザー向けに特定のコメントを導入しましたが、それが提供するレポートの多くの側面は、平均的なユーザーには技術的すぎます。
このガイドでは、PageSpeedが何について話しているのかを簡単な言葉で「翻訳」して説明し、どのコメントに対処して処理する必要があるのか、どのコメントを処理しないのかを説明します。ガイドのこの部分では、ラボデータの理解と分析のみに焦点を当てます。ただし、別の記事では、PSIが提供するのと同じ提案と改善の機会について説明します。
PageSpeedInsightsが根絶しようとしている基本的な問題
最近、WordPressサイトやその他のコンテンツ管理システムの人気が奇跡的に高まっています。これらにより、開発に関する知識が最小限のユーザー、または主題に関する知識がまったくないユーザーが、サイトのパフォーマンスの基本的なルールと矛盾する構築方法を持つサイトを構築できます。
ウェブサイトの開発の知識がない人を許可するこれらのページビルダーは、大きな影響を及ぼします。事実、シンプルで軽量なWebサイトを構築すると、これらのツールで自動的に高いスコアが得られます。さらに重要なことは、サーファーにとってはるかに高速であるため、ユーザーエクスペリエンスが向上することです。
Googleは、AMPと呼ばれる、おそらく聞いたことがあるプロジェクトを通じて、優れたユーザーエクスペリエンスを促進し、これらの問題を根絶しようとしています。グーグルは「会社、あなたがあなたのサイトにジャンクを追加するなら、少なくとも速度と読み込み時間への影響を減らすために何ができるか見てみましょう」と言います。
それを超えて、ビジネスモデルが広告とサービスであるグーグルは、サイトの速度とウェブ上のユーザーエクスペリエンスが改善されることを確実にしなければなりません。そうでなければ、広告も提供するFacebookなどのクローズドプラットフォームは、その収益のさらに大きなシェアを消費するでしょう。
Google PageSpeedが表示する情報を理解するにはどうすればよいですか？
Googleの速度テストツールは現在Lighthouseに基づいており、一連のルールに基づいて各サイトを評価します。これらのルールは、対象読者、コンテンツ、または目的に関係なく、各サイトに適用されます。
PageSpeed Insightsは、モバイルとデスクトップでのサイトパフォーマンスに関するレポートを提供し、レビュー中のページのパフォーマンスを改善する方法に関する機会と提案に関する情報を提供します。
エリアデータとラボデータ（テストデータ）
PSIは、ラボデータとフィールドデータを提供します。エリアデータと呼ばれるセクションで情報を受信するのは特にトラフィックの多いサイトのみであるため、受信しなくても心配する必要はありません。
現在の投稿ではフィールドデータを拡張しませんが、これから説明するラボデータは、事前定義されたデバイスと固定ネットワーク設定を使用して制御された環境で収集されると言われています。
ラボデータは、概念的に変更されないため、問題の監視、デバッグ、および最適化に関連するデータです。ラボデータはエリアデータよりも多くの情報を提供しますが、これらは現実の世界で生成され、サイトのパフォーマンスに影響を与える可能性のあるボトルネック情報を提供しません。
Google PageSpeedの使い方は？
始める前に、Lighthouseによって提示されたレポートを理解するための最初のステップは、各コメントの横に表示される矢印をクリックして詳細情報を取得する必要があることを知っていることだと言われています。
レポートが提示する問題を理解して確認するには、さらに深く掘り下げる必要があります。それは理解できると思います。 PSIが提供する全体的なスコアから始めましょう。ほとんどの人は、このスコアが何を反映しているかを正確に知らないと確信しています。
総合評点
PageSpeed-一般スコア：PageSpeedによって提供される全体的なスコアは、ページのパフォーマンスを数値と色で要約します。スコアは灯台を実行することによって決定され、テストされている同じページにいわゆる「無菌」ラボデータを提供します。
PageSpeedの問題の1つは、誰もが理解できるわけではない色と数字でスコアを表示することです。緑色=良い、赤色=良くない。この方法の使用と全体的なスコアの意味の理解の欠如は、サイトのパフォーマンスが「おそらく」低く、それを修正する方法が正確にわからないことに人々を苛立たせます。
ほとんどのユーザーは、緑に満たないものでは不十分だと考えているため、人々はレポートを誤って解釈します。それでは、物事を一度に整理しましょう。
全体的なスコアを解釈する方法
あなたがグリーンになった場合、それはあなたのサイトが最適化の点でトップのパーセンテージにあり、実際のサイトの速度についてはあまり語っていないことを意味します。
100のスコアは、取得できる最高のスコアであり、98パーセンタイルを表します。これは（明らかに）パフォーマンスが良好なサイトです。スコア50は、75パーセンタイルを表します。つまり、Googleがチェックしたサイトの75％を超えるスコアをサイトが受け取り、実際の速度については何も述べていません。
90以上のスコアは良いスコアと見なされ、50〜90のスコアは平均と見なされ、50未満のスコアは低いと見なされます。
したがって、ほとんどのサイトはグリーンスコアを取得しません。平均的な技術的能力を備えたサイトビルダーによって構築された平均的なWordPressサイトは、箱から出してすぐに高得点を獲得することはおそらくないでしょう。そして、それらを最適化したにもかかわらず、これらのサイトには通常、取得するスコアを損なう要素がたくさんあります。
PSIは何に使用されますか？
PSIは、この悪影響をもたらす問題の修正に役立つフィードバックと改善の機会を提供します。間もなく説明する同じ「テストデータ」（ラボデータ）は、スケジュールの観点から最新の情報を提供します。
たとえば、ページがサーファーに表示されたとき、およびサーファーが同じページでアクションの実行を開始できるときです。これらは、全体的なスコアに影響を与える特定の測定値です。
ラボデータ-灯台
Chromeデベロッパーツールを使用してLighthouseテストを実行する場合は、ブラウザ拡張機能が有効になっていないウィンドウで実行してください。
それらのラボデータを拡張して、1つずつ説明してみましょう。一般に、このデータのコンテキストでの目標は、それぞれをできるだけ短くすることです。
1.最初のコンテンツの提示-最初のコンテンツフルペイント
初期コンテンツ表示（FCP）は、ページが要求されてからブラウザーがDOMの最初のビットをレンダリングするまでの時間の測定値です。これは、ページをロードするためのフィードバックを提供するため、ユーザーにとって重要なマイルストーンです。
つまり、ブラウザはページコードを処理して表示する必要があります。 「ペイント」という用語は、実際に画面にピクセルを表示するプロセスを指します。最初のコンテンツ表示図は、テキスト、画像、またはその他のコンテンツがサーファーの画面に表示されるまでにかかった時間を示しています。
2.メインコンテンツの提示-最初の意味のあるペイント
メインコンテンツ表示（FMP）の図は、サーファーがページのメインコンテンツが表示されていると感じた時間を特定しようとします。もちろん、このタイプのテストでは、メインコンテンツが何であるかを正確に知ることができないため、正確ではありません。
一般に、Lighthouseはこれを、Webフォントが読み込まれる時間に加えて、ページの重要な部分（スクロールせずに見える範囲）に最も重要な変更が加えられた時間として定義します。
3.スピードインデックス
速度指数は、前に説明した2つの測定値と非常によく似ています。これは通常、ページコンテンツがサーファーに表示される速度を示し、前述したのと同じ以前の測定値に従って重み付けされます。もちろん、スコアが低いほど良いです。
4.最初のCPUアイドルモード-最初のCPUアイドル
この図（FCI）と「対話性までの時間」と呼ばれる次の図は、ユーザーが問題のページでアクションを実行できる速度を示しています。ブラウザがコードを処理しているときに彼がアクションを実行しようとすると、ボタンが押されたと言われます。次に、アクションが実行されるまで、またはアクションがまったく実行されなくなるまで、かなり待つ必要があります。
CPUの非アクティブ状態の数値は、ページがインタラクティブになるまでにかかる時間を示します。つまり、ユーザーがページ上のほとんどの要素を操作して妥当な応答時間を得ることができる状態に達するまでの時間を示します。
5.インタラクティブになる時間
Time To Interactivity（TTI）の数値は、ボタンのクリックなどで同じページ上の要素を操作して迅速な応答を得るときに、ページが完全にインタラクティブになるまでにかかる時間を測定します（約50ms）。
ページの双方向性は、いくつかの要因によって測定されます。
- このページには、ユーザーに関連するコンテンツが表示されます（最初のコンテンツに表示されたデータに従って重み付けされます）。
- 表示されているほとんどの要素のイベントハンドラーが一覧表示されます。
- このページは、約50ミリ秒以内にユーザーの操作に応答します。
コンテンツがより速く表示されるように最適化するサイトはかなりありますが、インタラクティブ性が犠牲になり、ユーザーのフラストレーションを引き起こす可能性があります。サイトは完全に読み込まれているようですが、ユーザーがアクションを実行しようとしても何も起こりません。
6.最大の潜在的な最初の入力遅延
最初の最大入力遅延の数値は、ブラウザが最長の操作を実行するのにかかる時間の長さに関連しています。たとえば、これにより、ユーザーによるボタンクリックの応答速度が遅延します。
たとえば、ブラウザがページ上の特定のJavaScript（非同期ではない）の処理でビジー状態の場合、処理が完了するまで特定の操作を実行できない可能性があります。
結論として
ガイドのこの部分では、PageSpeedが提供するラボデータについて説明し、これらの各データの意味を説明しました。間もなく約束されるように、PageSpeedInsightsが提示する各機会またはコメントについて詳しく説明します。
最後の言葉 -最高のスコアを取得するために夢中にならないでください。サイトページの読み込み時間が妥当であることを確認してください。+ユーザーエクスペリエンスへの影響が大きくないように、異常に遅くならないようにしてください。 50のスコアは、サイトの最適化ステータスがレビューされたサイトの75％よりも優れていることを意味することに注意してください。
そして、このポイントに到達したら、高品質のコンテンツに焦点を当て、に含まれている他のパラメータに投資します テクニカルSEO。参照の分野で必要な知識がない場合は、 Semaltの専門家。おかげで短時間で優れた結果が得られます autoSEOパック。
このSEOパックは、次のことを目的としたオンライン企業にとって真の「フルハウス」です。
- あなたのウェブサイトの可視性を改善します
- コンバージョン率を高めるためにサイトの各ページを最適化する
- 質の高いリンクの構築
- 関連するキーワードを検索する
- 詳細なWeb分析レポートを作成する
これがすべてあなたのサイトでうまく行われているなら、あなたのサイトのPageSpeedスコアがそれより低くても、あなたはうまくランク付けされるだろうと私を信じてください...そして頑張ってください！