Google PageSpeed Insightsツールを活用するにはどうすればよいですか？

序章

何よりも上にいるのはいつでもいい気分です。 Google Page Speedは、ウェブサイトのパフォーマンスに大きな影響を与えるものです。 Google Page Speedは、一般的なWebサイトの読み込み速度です。 あなたはあなたのウェブサイトを圧迫する要素を減らすことを確実にする必要があります。 このようにして、Webサイトのページ速度を上げ、上位にランク付けすることができます。 これは、全体的なSEOランキングにも追加されます。 私たちは、Googleのページスピード洞察力の本質を推測し、策定し、Googleのページスピードテストでトップにベストフィットアルゴリズムを実装する方法この記事で見てみましょう！

1. Google Page Speed Insights

900,000の広告をナビゲートした後、 Google Page Speed Insightsのアナリストは、通常のポータブルプレゼンテーションページが屈辱的な22秒でスタックすることを発見しました。 これは、ほとんどの不安なWebクライアントがページを放棄する前に持ちこたえるよりも数倍以上長くなります—正解は53％です。 あなたのページがスタックするのに3秒以上かかるという偶然の機会に、あなたの見込み客は彼らがそれを観察する前に去っています。 それが十分にひどいものではなかったかのように、ページの洞察は、ページがスタックしないすべての厄介な瞬間で、より多くのゲストがスキップすることを発見しました。

科学者たちは、SOASTAのイノベーションにおける機械学習の支援を受けて、読み込み時間、ページの重み（データの測定値）、および変換率の間に関連性があることを発見しました。 基本的に、「重い」とは遅いことを意味します。 特に、ページ上のコンポーネント（コンテンツ、写真など）の数が400から6,000に増えると、ゲストを切り替える確率は95％低下します。

ただし、ページが徐々にスタックする可能性は低いですが、問題を特定することは、すべての場合において簡単ではありません。 コンテンツと写真の数に影響を与えるGoogleページの速度の測定値は最初は認識できますが、不要なJavaScriptやサイドトラックが多すぎるなどの問題は認識できません。

2. Google PageSpeedInsightsの推論

Google PageSpeed Insightsは、サイトページの速度をすばやく簡単にテストできるツールです。 幸いなことに、これは無料のツールであり、ページの読み込み時間を調整しているものを正確に見つけるために使用できます。 URLを入力して[分析]をクリックすると、2つのパラメータに応じて、そのサイトページをどのように軽減しているかについての詳細なレポートがすばやく取得され、それを解決するための最良の方法が提案されます。

• パラメータ1：フォールドを超える負荷までの時間。 これは、クライアントが要求した後、プログラムがコンテンツをフォールドのすぐ下にレンダリングするのにかかる時間の尺度です。
• パラメータ2：ページ全体が読み込まれるまでの時間。 これは、クライアントがページを要求した後、ブラウザがページを完全にレンダリングするのにかかる時間です。

では、 PageSpeed Insightsはどのようにサイトを評価しますか？ サーバーの配置、ページのHTML構造、写真、JavaScript、CSSなどの外部アセットの利用など、ページ実行のシステム自律部分をざっと見てみましょう。

PageSpeed Insightsを使用してサイトをテストすることは、サイトを強化しようとしたことがない個人にとっては目を見張るものになる可能性があります。さらに、 Page Insightsは、サイトの実行を強化したいと考えている人にとって、並外れた初期段階を提供します。

そうは言っても、サイトがGoogle Page Speed Testで予想よりも低いスコアを返したり、サイトに設定した見積もりに反する推奨事項を返したりすると、同様に無意味な狂乱に陥る可能性があります。 この機器は現在、2つの主要な測定に基づいています。

1.最初の満足のいくペイント
2.最初の入力遅延

上記の2つのパラメーターは、3つの異なる方法でスコアリングされます。

1.速い
2.平均
3.遅い。

これらの2つの測定値が平易な言葉で意味するものは次のとおりです。

2.1。最初のコンテンツフルペイント（FCP）

FCPは、「最初のペイント」の詳細であり、プログラム内にレンダリングが表示されるタイミングを推定するメトリックです（たとえば、ファンデーションシェーディングの調整でもチェックされます）。 FCPメトリックは、実際の実体がページにスタックされるまでの時間を推定し、より価値のあるクライアントとの出会いの評価を提供します。

2.2。最初の入力遅延（FIP）

FIPはGoogleページ速度テストの重要なパラメータであり、サイトの読み込み時間を意味します。 これは基本的に、ユーザーがサイトと通信してから、ブラウザーが実際にブラウザーと通信を開始するまでの時間です。

3.PageSpeedが重要な理由

誰かがあなたのサイトに到着したとき、あなたは彼らの目を捕らえ、彼らに固執してスキップしないように説得するためのほんの少しの瞬間があります。 質の高い物質と魅力的な主題が不可欠です。 ただし、ページが徐々に積み重なっていくと、個人があなたの実体を見る機会を得る前に、個人を失う可能性があります。

Kissmetricsによると、Webクライアントのほぼ50％は、Webサイトが2秒以内にスタックすることを予測しており、通常、3秒以内にスタックしない宛先を放棄します。 ウェブサイトの実行に問題を抱えているオンライン顧客の合計79％は、再度購入するためにウェブページに戻ることはなく、約44％は、偶然に、ウェブ上での試練の悪い買い物をしたことを仲間に伝えます。あなたのウェブサイトへの悪影響。 そのため、 PageSpeedは非常に重要です。

4. PageSpeedInsightsの本質

ページスピードは200のサインの過剰Googleは、全体のランキングを決定するために使用するとハントの質問の1％未満がサイトの速度フラグの影響を受けている中の一つですが、あなたが持っていること、それの変換がオーバーストレスに。

優れたページスピードを備えた優れたサイトは、ゲストにあなたのアイテムや利益を信頼させ、お金を渡すように説得します。 ページの実行は、各サイトの基本的な部分です。 あなたは非常に並外れた実体と見栄えの良いサイトを持つことができます、しかし、積み重ねるのに時間がかかりすぎるか、多目的に反応しないという偶然の機会に、個人はあなたのライバルのサイトに急速に進みます。

そうすれば、私たちが全体としてそうしているという理由で、それが本物であることに気付くでしょう。 Google PageSpeed Insightsは、サイトの実行状況を分析し、サイトの実行、スタック時間、およびそこからの空の限界を増やすための回答を提供できます。

5. Google PageSpeed Insightsを使用する利点は何ですか？

5.1。 PageSpeedは、その発見について非常に項目別のレポートを提供します

サイトがどのように順調に進んでいるか、および適用する必要のある変更（基本的な場合）を示すレポートを取得します。 それはあなたのサイトのスピードを構築するのに非常に役立つ調査と進歩の両方の管理を提供します。

5.2。 PageSpeedはユーザーエクスペリエンスを向上させます

今日、多くの人が携帯電話を利用してサイトにアクセスしており、ページがモバイルレスポンシブでない場合、大量のトラフィックを失う可能性があります。 Google PageSpeed Insightsは、現在のスコアを明確に報告し、ページがモバイルステージに関係しているかどうかを通知します。 実行のヒントを利用して、作業領域とモバイルWeb実行の両方を強化できます。

5.3。 PageSpeedには追加の言語が含まれています

このツールは、ロシア語、スペイン語、セルビア語など、さまざまな言語で非常に簡単に利用できます。

5.4。 PageSpeedは使いやすい

Google PageSpeed Insightsは、あなたがあなたのサイトをグーグルと一緒に持っていること、またはグーグルのクライアントであることを期待していません。 それを利用するために、登録フレームを完成させたり、記録を作成したり、電子メールアドレスを提供したりする必要はありません。

5.5。 PageSpeedは無料です

Google PageSpeed Insightsは、世界中で完全に無料で使用できます。 この素晴らしいツールを使用するために1ペニーを支払う必要はありません。

6. Google Pagespeed Insightsで完璧な100％を獲得するためのヒント

Google PageSpeed Insightsで完全な100％を獲得するために展開できるヒントを次に示します。

6.1。 DNS

私たちはCloudflareを利用していますが、どれも合理化をスピードアップしていません。 テストの結果、速度が遅いことがわかりました。 あなたが相互に促進している状態にある場合、Cloudflareはおそらく大いに役立つでしょう。 いずれにせよ、私たちにとって、特に専用サーバーでは、すべてをオフにした方がよいでしょう。 オプションとしてCloudflareを導入する適性や時間がない場合は、WP-Engine、Presslabs、Pantheon.ioなどのファシリテーションサプライヤーを利用できます。 彼らはサーバーストアとCDNアレンジメントで一緒に働きました。

6.2。 MFI

モバイルファーストインデックス-これは、現在SEOランキングの最も重要な基準の1つです。 Webサイトを構築するときは、スマートフォンやその他の電子機器で表示できるように最適化する必要があります。 これは、今日、ブラウジングが主に携帯電話で行われているという事実によるものです。 それにより、それがグーグルページスピードに大きく貢献するので、あなたのウェブサイトがそれに応じて最適化されることが不可欠です。

6.3。 サーバーの応答時間を渡す

ベンチマークは0.2秒です。 それ以上のものは何でも、グーグルはあなたをマークダウンします。 私たちのサイトは、たくさんのレコードを備えたハイスペックのコミットされたサーバーで実行され続けています。 あなたがオンラインで読んだものの大部分は、最も簡単な方法であるより速いWordPressアカウント（パートナー参加あり）に変更することをお勧めします、それでも私はとにかく試みずに私たち自身の状態を放棄する準備ができていませんでした。

サーバー管理者との出会いが多かったので、サーバーで実行されている無意味な管理をオフにして、 Pagespeedへの増分を有効にしました。 それにもかかわらず、それは大きな効果はありませんでした。

サーバーの反応時間を短縮するために私たちが見た最大の違いは、PHP 7に変更することでした。すべてのホストがPHP7を強化するわけではありませんが、幸いなことに、独自のロケールがあるため、強化しています。 オンラインの混合レポートは、PHP 7への変更で20〜50パーセントの速度向上を示しています。

実際のレートにもかかわらず、 Pagespeedの要件があり、それをテストする必要がありました。 実行しているPHPのバリアントがわからない場合は、このモジュールを紹介すると、管理ダッシュボードの「概要」に表示されます。

先に進む前に、サイトが良いかどうかを確認する必要があります。 幸いなことに、あなたのコードの上に見て、PHP 7にページ洞察の結果を変えることで問題を認識して、あなたはWordPressのためにダウンロードすることができますPHPの類似性チェッカーモジュールは、我々は急速に対処する傾向に必要な物事のカップルを、実証しています。

ついにPHP7に変更する準備が整いました。変更するには、WHMから「MultiPHP Manager」にアクセスし、必要なWebサイトを選択して、PHPのバージョンを変更します。 WHMに近づかない可能性がある場合は、サーバー管理者に問い合わせてください。ただし、テスト/高度な条件でそれを実行していることを確認してください。本番サイトを壊すことはベストプラクティスではありません。

6.4。 更新されたウェブサイトのデザインとレイアウト

グリッドレイアウトは、ウェブサイトのデザインとレイアウトの観点から町の話題です。 Google Page Speed Insightに関しては、グリッドデザインにはより多くの利点があります。 また、自分のサイトで必要な数よりも多くのハイライトを提供していることがわかったので、基本的で中程度のトピックを探しました。 私はフランクを発見しました。これは特にスピードのために計画されたトピックです。 親のサブジェクトのデフォルトのランディングページは、9つのデータベース照会を行い、約29kbの2つのHTTP要求のみで構成されます。 このトピックは非常に軽量です。JavaScript構造や余分な画像はなく、基本的で応答性の高いテーマのみです。 フランクの主題を紹介した結果、私のサイトをロードすると予想されるHTTPリクエストの数は31からわずか4に減少しました。

6.5。 ホームページの最適化

あなたのサイトをさらに加速するためのいくつかの簡単なアプローチがあります：

• ランディングページでブログエントリを配布する場合は、選択または概要のみを配布し、プレゼントの数を5つ以下に減らします。
• ガジェットをベースに保管します。 完全に不可欠なガジェットを利用するだけです。
• アイドル状態または無意味なモジュールを削除します。

一般に、きれいで中央に配置されたサイト構成は、ページの見栄えを良くするだけでなく、PageSpeedも高速になります。

6.6。 画像の最適化

高解像度の画像は、アップグレードされた画像よりもスタックにはるかに時間がかかり、過剰に大量のグラインドを行うと、ページ速度が確実に低下する可能性があります。 WPMU DEVは、WP-Smush.itと呼ばれる素晴らしい（無料！）モジュールを提供します。 このモジュールを使用して写真を一括スマッシュすると、視覚的な品質を犠牲にすることなく、写真の測定値が大幅に減少することがわかります。 写真をテーマにしていますが、無関心なスタッキング写真も同様にページ速度を向上させることができます。

JPEG 2000、JPEG XR、およびWebPは、より確立されたJPEGおよびPNGパートナーと比較して、より優れた圧力と品質の属性を備えた画像形式です。 JPEGやPNGとは対照的に、これらの配置で画像をエンコードすると、画像の読み込みが速くなり、モバイルデータの使用量が減り、 Googleページの速度のパフォーマンスが向上します。 WebPはChromeとOperaで強化されており、Web上の画像の非可逆圧縮と可逆圧縮を向上させます。

6.7。 未使用のCSSを延期する

未使用のCSSは、プログラムによるレンダリングツリーの開発をバックオフします。 レンダリングツリーはDOMツリーに似ていますが、実際には、すべてのハブのスタイルが追加で組み込まれています。 レンダリングツリーを構築するには、プログラムはDOMツリー全体をウォークし、どのCSSルールがすべてのハブに適用されるかを確認する必要があります。 CSSが未使用であるほど、プログラムがすべてのノードのスタイルを把握するために費やす必要があると考えられる追加の時間が、 Google Page InsightSpeedに悪影響を及ぼします。

6.8。 テキスト圧縮を有効にして画像をエンコードする

Googleページの速度を最適化する場合は、テキストファイルも圧縮する必要があります。 テキスト圧縮により、ネットワーク転送が高速化されるため、処理が容易になります。 画像のエンコードはデータ圧縮の一種であり、画像の保存と送信を圧縮できます。

6.9。 CSS、HTML、JavaScriptを縮小する

「縮小」とは、 Google Page Speedの結果を向上させるプログラムによるページの処理方法に影響を与えることなく、無意味または反復的な情報を排除することを意味します。 不十分なコーディングがこの問題の原因である可能性があり、いくつかのさまざまな方法で解決される傾向があります。

ページのソースコードを物理的に調べる以外に、Googleは付随するアセットを試すことをお勧めします。

• HTMLを縮小するためのHTMLミニファイア。
• CSSNanoとcssoはCSSを縮小します。
• JavaScriptを縮小するためのUglifyJS2とClosureCompiler。

別の選択肢は、明らかに、プロモーションシステムにGoogleのAMPとAMPを利用することです。 2つのプロジェクトにより、エンジニアはHTML、CSS、およびJavaScriptの簡略化された形式でページを作成できます。 結果は、わずかな秒数で積み重なるページとプロモーションです。

6.10。 ランディングページのリダイレクトを避ける

ページがレスポンシブに構造化されていない場合、結果として、さまざまなガジェット用に高度なページへのさまざまなサイドトラックが発生し、 PageSpeedが向上する可能性があります。 グーグルによって示されるように、いくつかの基本的な迂回設計：

• comはレスポンシブウェブサイトアーキテクチャを利用しており、迂回は必要ありません–迅速かつ理想的です！
• com？ m.example.com/home –多目的なクライアントに対する複数往復の罰。
• com？ www.example.com？ m.example.com –中程度の用途の広いエクスペリエンス。

クライアントを迂回させる必要があるたびに、ページのレンダリングが停止します。これにより、ページのヒープ時間に貴重な秒数が追加されます。 レスポンシブプランを使用してページを作成することで、サイドトラックの内外を避けてください。これは、見込み客が使用しているガジェットに関係なく、クライアントとの質の高い出会いを保証する手法です。 このようにして、最終的なGoogleページ速度テストの結果が向上します。

6.11。 レンダリングをブロックするJavaScriptを排除する

他のものに加えて、JavaScriptはいくつかの驚くべき部外者のデバイスと直感的なページコンポーネントを強化します。 問題は、HTMLコードの解析をさらに停止することです。

「レンダリングをブロックするJavaScriptを削除する」というエラーメッセージが表示された場合は、ページの上記の折り目部分のスタック手順を遅らせているJavaScriptコードが少しあることを意味し、 Googleページ速度テストの結果に悪影響を及ぼします。 特に部外者のコンテンツは、おそらくこの問題のせいになりそうです。 3つの異なる方法で処理します。

• スタッキング手順にとって重要ではないスクリプトは、意図的に延期する必要があります—ページが完全にレンダリングされた後に実行されます。
• 非同期でヒープするスクリプトは、同期的にヒープするスクリプトよりも多く使用する必要があります。 同期コンテンツはページレンダリングプロセスを停止しますが、非同時コンテンツはプログラムがその間にさまざまなコンポーネントをスタックできるようにします。
• プログラムが行う必要のある勧誘の数を減らすために、コンテンツをインライン化すること（JavaScriptアセットの外部をHTMLレポートに直接埋め込むこと）を検討してください。

上記の手順を実装しようとすると、全体的なGoogleページ速度テストの結果が向上します。

6.12。 ブラウザのキャッシュを利用する

ページがクライアントに対して完全にスタックする前に、サーバーとプログラムの間で異なる要求が発生する可能性があります。 時間に関する限り、誰もが含まれます。 保存すると、プログラムは、いわば、次のことが可能になります。 ヘッダー、ルート、ロゴなど、最近スタックされた特定のコンポーネントを「リコール」します。 プログラムが格納できるコンポーネントが多いほど、クライアントが要求した瞬間にスタックする必要のあるコンポーネントが少なくなり、最終的に、ページのスタックが速くなり、 PageSpeedが向上します。 Googleは、数週間の基本予約戦略を規定しており、一般的に変更されないコンポーネントの場合、1年が理想的です。

7.結論

ウェブは満員になりつつあり、サイトが適度に稼働している場合や、本来あるべき方法で実行されていない場合、有名で効果的なものになることを期待して栄光を築くことはできません。 Google PageSpeed Insightsの提案は、作業領域と用途の広いWeb実行に関するフロー業界のベストプラクティスに依存しているため、徐々に立ち止まって見物人のグループを増やし、Webサイトの実行とWebインデックスの位置付けを拡大し、ゲストが背景を熟読できるようにします。 これで、 Google PageSpeedInsightsに関するこの話題全体について十分な知識が得られました。

上記のヒントを使用すると、いくつかの良い結果と前向きな変化が見られる可能性があります。 また、ローマは1日で建てられなかったため、 Google PageSpeed Insight Testのスコアを改善するために行った手順が機能しているかどうかを最終的に判断する前に、しばらく時間をかける必要があることに注意してください。