Google PageSpeed Insights：最高のスコアに到達し、より多くの結果を得る方法は？

何が良いですか：何かをすばやく行うか、それともうまく行うか？

この質問は、会話のどのラウンドでも興味深い議論を引き起こすでしょう。 それでも、この記事のポイントは、特にWebサイト、ブログ、およびアプリケーションでのユーザーエクスペリエンスに関しては、多くの場合、それらが同じであることを示すことです。

ページの読み込み速度がすべての違いを生みます。 Googleが検索結果のページのランク付けに関して、この要素を非常に重要視しているのは偶然ではありません。

あなたのサイトがあなたのペルソナにとって理想的なデザインを持っていて、それが十分に明確でわかりやすいことを確認するために1000回以上コンテンツをレビューしたとしても、あなたが軽量で速いページを持っていなければあなたの戦略は苦しみます。

幸い、GoogleはGoogle PageSpeed Insightsと呼ばれるツールを作成しました。これは、サイトの読み込み速度を評価（および改善）するのに役立ちます。

この機能がどのように機能するか、そしてWebサイトの速度を向上させるために今日この機能を使い始める必要がある理由について詳しく学びましょう。

この記事では、次のことを学びます。

Google PageSpeed Insightsとは何ですか？

PSIとも呼ばれるPageSpeedInsightsは、ウェブページの読み込み速度を評価するオンラインのGoogleツールです。

この評価では、モバイルデバイスのパフォーマンススコアとデスクトップのパフォーマンスを区別し、ページの速度を最適化するための実用的な提案も提供します。

これにより、PSIは無料であることに加えて、直感的で使いやすいソリューションになります。 しかし、一部の人々はそれがそれほど関連性があるとは思わない。

これらの洞察を提供するために収集されたすべてのデータは、Chromeユーザーエクスペリエンスレポートを介して収集されます。このレポートには、Chromeユーザーによるパブリックウェブの実際の使用状況に関する情報が含まれています。

Googleがこのような機能を作成する動機を理解することは、考え方を変えるのに役立ちます。

Google PageSpeed Insightsのようなサービスの動機は何ですか？

すでに耳にすることにうんざりしているかもしれない2つの小さな言葉、つまりユーザーエクスペリエンスは、より速く、より軽いページの作成を擁護し、奨励するというGoogleの取り組みを要約したものです。

ブラウザで必要な情報を見つけるのに時間がかかりすぎるのを好む人は誰もいません。 あなた自身の経験について考えてみてください。あなたの携帯電話やあなたのコンピューターにさえページがロードされるのを待っているとき、あなたは何回焦りましたか？

あなたがそれについて考えるのをやめるならば、あなたはこれが起こったほとんどの場合、大きな「遅れ」がほんの数秒であったことに気付くでしょう。 したがって、1秒がユーザーにとって1週間のように見える場合、遅いサイトはナビゲーションエクスペリエンスに悪影響を及ぼします。

グーグルはこれを望んでおらず、あなたも望んでいません。 結局のところ、悪い経験はテーブルのお金が少なくなることを意味します。

実際、モバイルページの速度に関する最後のGoogleの業界ベンチマークは、ウェブサイトの大部分が完璧をはるかに超えていることを示しています。 そして、それはすべての業界で起こっています。

これは、Googleがこれらの指標を一般に提供する正当な理由であり、誰もがそれを改善する余地がたくさんあることを理解できます。

読み込みに時間がかかりすぎるページはどうなりますか？

読み込みに平均より1秒長くかかるサイトがあることは、そのような違いをもたらしますか？ 絶対に！

証拠を見たいですか？ Kissmetricsによるこのテーマの調査では、1秒の遅延により、サイトでのコンバージョンが7％少なくなることが明らかになりました。

この例として、eコマースが1日10万ドルを売る場合、ページの読み込みに1秒増えるだけで、年間最大250万の売り上げを逃す可能性があります。

ばかげているように聞こえますか？ ページの読み込み時間が操作と販売結果に影響を与えるいくつかの方法を参照してください。

より高いドロップアウト率

上記の同じKissmetrics調査では、オンラインショッパーの行動は、店舗の速度に応じて大幅に変化することが示されました。

調査によると、顧客の40％以上が、読み込みに3秒以上かかるサイトを離れています。 その意味合いの何を知っている？

ロードに3.5秒かかるeコマースがある場合、潜在的なトラフィックのほぼ半分を浪費し、多くの売り上げを失う可能性があります。

コンバージョンが少ない

満足している顧客は、2、3、または10回購入します。 実際のところ、顧客がショッピングエクスペリエンスを気に入らなければ、戻ってくる可能性はほとんどありません。 そして、ページの読み込み時間はこれにどのように貢献しますか？

1秒（または3秒待つ）の遅延は、顧客満足度を16％低下させます！

この洞察を補完するものとして、サイトの認識されたパフォーマンスに不満を持っていると言う顧客の79％が、サイトで再び買い物をすることはないということを知っておくのは大きな警告です。

オーガニックトラフィックの削減

トラフィックは商取引関係の起源です。 それがなければ、購入はありません。 また、オーガニックトラフィックは自然に発生し、広告に投資するよりも取得コストが低いため、さらに貴重です。

そして、少なくともこれでは、ウェブサイトの速度は問題にならないだろうとあなたが思ったなら、あなたは間違っていました。 Kissmetricsはまた、購入者の44％が友人に否定的なオンライン体験について話していることを示しました。

「口コミ」が適格なオーガニックトラフィックを獲得するのに大いに役立つのと同じように、逆もまた真です。ペルソナの目に悪い評判を生み出すことによって訪問を失う可能性があります。

Backlinkoによる最近の調査で、彼らはページ速度がSERPランキングに大きな影響を与える可能性があることを発見しました。 彼らが研究結果を示している以下のこのビデオをチェックしてください。

ここに示されているすべてのデータが明確に示していることを知っていますか？

一見取るに足らない時間の一部が実際にあなたの会社がどのように認識されるか、そしてそれが達成する財務結果に大きな影響を及ぼします。

言い換えれば、オンラインでビジネスを行うことになると、時は金なりであり、本当に驚異的です。

Google PageSpeed Insightsスコアはどのように機能しますか？

URLをPSIに入力したときにサイトが受け取るスコアはランダムではなく、ランダムでもありません。 分析プロセスを完全に理解して、正確で信頼できるものにする必要があります。

では、各Webページがどの評価を受けるべきかを決定する際にGoogleはどのような基準を使用しますか？

基本的に、PageSpeedInsightsは2つのことを行います。

• ページの読み込み時間とページにあるリソースの数を分析します（プラグイン、サーバーとの通信頻度が高く、ページの読み込みに時間がかかるコードスクリプトなど）。
• このデータを分析されたすべてのページの平均と比較します。

その比較の後、PSIは次のことを示すシンプルで客観的なレポートを作成します。

• Webページの平均読み込み時間はどれくらいですか。
• ページの読み込み時間はどのくらいですか。
• 最終的なページ速度スコア。
• 読み込み時間を最適化する方法の提案。

そして、グレーディングはどのように機能しますか？ 0〜100の範囲で、アルゴリズムがページをベストプラクティス（Google自体が作成）と比較してパフォーマンススコアを最適化するときに定義されます。

最後に、改善と最適化の余地があるかどうか、つまり、まだ適用する必要のある推奨ポイントの数に基づいてグレードが与えられます。

番号付きスコアの横に、次のようなテキストランキングがあります。

• 良い：80からのスコア。
• 平均：60から79の間のスコア。
• 悪い：0から59までのスコア。

これらの数値の使用方法と分析方法について具体的な質問がある場合、Googleはユーザーが疑問に対処するためのStackOverflowのチャネルを提供しています。

Google PageSpeed Insightsレポートの使用方法は？

PSIレポートの使用は非常に簡単です。 説明したように、PageSpeed Insightsリンクにアクセスし、URLを入力するだけで結果を確認できます。

しかし、それでは何ですか？ エラーを修正してより良い結果を得るには、迅速に行動する必要があります。 提案のすぐ下に、 「修正方法を示す」という言葉のリンクがあります。

それらをクリックすると、どのファイルがページの速度を低下させているか、サーバーが応答するのにかかる時間を短縮するためにそれらを処理する方法がわかります。

診断を受けるのは簡単で迅速ですが、「治療」を進めてサイトを完全に最適化する準備ができたときにのみ受けてください。

PageSpeed Insightsで良いスコアを取得することが重要なのはなぜですか？

何よりもまず、PageSpeed Insightsの評価が高いということは、サイトに満足のいくSEO構成があることを意味します。

これは、モバイルフレンドリーやモバイルファーストと同様に、スマートフォンでの読み込み速度が、近年Google自身が最もコメントしている基準の1つだからです。

しかし、メリットはさらに大きくなります。 アジャイルページを備えたサイトは、ユーザーエクスペリエンスに大きく貢献します。これは、バウンス率の低下、訪問者のページ滞在時間の延長、トラフィックの増加、リード数の増加につながります。

ただし、eコマースでは、売上とコンバージョン率、およびカートのドロップアウトの数がこの指標の影響を直接受けるため、その影響はさらに重要です。

2012年のQuBitの調査によると、オンライン小売業は、この理由だけで、世界の売上高で年間約17億3000万ポンド（約22.7億ドル）を失っています。 ここで、インターネットでの検索の57％以上がモバイルデバイスからのものであると考えてください。

チェックする価値のあるもう1つの調査は、ウォルマートのWebサイトが実施した、コンバージョンに対する読み込み時間の影響を評価するための調査です。 結果はそれ自体を物語っています。

そのすべてが、消費者の旅に対する私たちの理解を変えます。 インターネットへのアクセスとオンラインストアでの買い物が住宅、機関、LANの家に制限されていた場合、今日、これは常に、いくつかの場所で発生します。

さらに、ユーザーがデジタルプラットフォーム、オンライン販売、およびトランザクションに精通していることも、消費者がアクセスするWebサイトの品質とセキュリティに敏感になる一因となっています。

この意味で、遅いサイト、特に読み込みに失敗したチェックアウトと支払いのページは、これほど多くの不信感を引き起こしたことはありません。

PageSpeed Insightsで最高のスコアを達成する方法：10の重要な要素

あなたは確かに100のスコアに目を向けています—最高のスコアであり、世界最大の検索エンジンからあなたのページに向かって好意的な外観を保証するものです。

それは素晴らしいことですが、夢のようなグレードを取得するには、レターのレポートの推奨事項に従い、サイトを迅速に最適化することが重要です。

サイトごとに状況が異なるため、成績の良い（ただし、成績が良くない）ほとんどのWebサイトで改善が必要な4つの要素と、その方法について説明します。

1.少ないHTMLコード

HTMLコードの最適化は、特にサイトがしばらく前から存在している場合や、Googleのベストプラクティスに従わずに構築されている場合は、見過ごされる可能性があります。

実際のところ、コードの編成方法によって、サーバーが情報を読み取る方法と、画面に表示される期間が決まります。

重複したコードや目的外で使用されたタグが邪魔になります。 幸い、必要な変更を加えるためにコード構造全体を確認する必要はありません。

この作業を自動的かつ迅速に行うことができるHTML圧縮ツールがあります。 それらのいくつかはCMSプラグインとしても機能します。

2.キャッシュの有効活用

PSI分析では、レビューされる主な要素の1つは、ブラウザーがページから吸収する必要のあるリソースの数です。

これには、画像、スクリプト、フォントなどが含まれます。これらはすべて、キャッシュを介してブラウザの「メモリに保存」できます。

したがって、ブラウザは要素を1回だけロードします。 ユーザーがページを変更するたびに、ブラウザはページを「記憶」し、キャッシュから必要な情報を取得するだけです。

しかし、この可能性をうまく利用するには、サイトを最適化する必要があります。

世界で最も人気のあるW3Total Cacheなどのプラグインは、これを見事に実行し、コードを最適化するための他の機能を提供します。

3.リソースの圧縮

ページの読み込みで最も重要な要素の1つは画像です。これにより、圧縮はPageSpeedInsightsの最も頻繁な推奨事項の1つになります。

多くの人が画像を圧縮するのを忘れています。これは非常に重く、Webサイトの速度を低下させます。

インターネットがますます視覚的になるにつれて、このタイプのファイルが多数あるのが一般的です。 したがって、このようなファイルのサイズを縮小するために優れたコンプレッサーを使用することほど良いことはありません。

同じことがCSSとJavascriptにも当てはまります。 HTMLと一緒に、それらはページ全体を構成します。 したがって、これらのファイルを圧縮すると、知覚されるパフォーマンスが大幅に向上し、全体的なPSI評価も向上することは明らかです。

TinyPNGなどの無料ツールを使用して、ブログに投稿する前に画像を圧縮できます。

4. AMP：Accelerated Mobile Pages

AMP（Accelerated Mobile Pages）は、モバイルデバイスでのサイトページの読み込みを高速化するためのGoogle自体のもう1つのイニシアチブです。

アイデアは、デスクトップバージョンでうまく機能するものなしで、より基本的なモバイルエクスペリエンスを提供することです。 これらの不要な機能を取り除くことにより、ウェブサイトの速度が速くなります。

これにより、ユーザーがコンテンツを表示するためにより長く待たされるフル機能バージョンのサイトよりも、高速でわかりやすいエクスペリエンスを提供する方がよいことが明らかになります。

5.ページサイズの縮小

もちろん、ページに含まれるリソースが多いほど、ページは重くなり、読み込みに時間がかかります。

一般に、ページの重みに最も寄与するのは画像とビデオです。 ただし、JavaScriptファイルとCSSファイルの合計サイズも考慮する必要があります。 これらすべてを部分的に見てみましょう。

6.外部からアップロードされたビデオ

画像があなたのページを重くするなら、ビデオがそれらで何をしないか想像してくださいね？

前のサブトピックで説明したように、非常に制限されたプラットフォームや高度なセキュリティを必要とするコンテンツなど、非常に特殊な場合を除いて、ビデオは常に外部でホストすることをお勧めします。

このために最も使用されているメディアはYouTubeとVimeoです。これらのプラットフォームは、プレーヤーを他のサイトに簡単に統合できるだけでなく、ブランドの宣伝や検索結果の向上にも役立ちます。

有料のオンラインコースなどの制限付きコンテンツを提供する場合、どちらのメディアも非掲載オプションを提供します。これは、動画を検索から隠し、ページ内に添付できる単一のリンク（HTMLなど）からのアクセスのみを許可する機能です。

7.最小化されたJavaScriptおよびCSSファイル

これはあまり明白ではない問題であり、おそらくそれが無視されている理由です。同じSEMrush調査では、 68％のサイトに縮小されていないJavaScriptファイルとCSSファイルがあることが明らかになりました。

最小化とは、用語自体が明確にしているように、これらのコードを削減または単純化することを意味します。これは、不要な行、不要なコメント、および空白を削除することで実行できます。

これらのファイルは、サイトの視覚化全体の背後にあり、将来の編集を容易にするために過剰に書き込まれることがあります。 また、さまざまなプラグインで変更できます。

ただし、心配しないでください。この手順を実行するために、これらの言語を習得する必要はありません。 あなたのためにそれを行ういくつかのツールがあります：

• Fast Velocity Minify;
• WPスーパーミニファイ;
• オンラインYUIコンプレッサー。

ただし、これらのソリューションを使用する前に、必ずバックアップを作成してください。

あなたのサイトやいくつかのファイルのテーマが手順の影響を受ける可能性は常にあります。 したがって、注意して、必ずいくつかのテストを行ってください。

8.圧縮ファイル

Gzipは、優れたページ速度スコアを求めて戦う人々にとって真のワイルドカードとして機能するWebファイル圧縮形式です。

データベース内のCSS、JavaScript、およびHTMLファイルを圧縮することにより、ページのサイズを半分にすることができます。

また、今日のすべてのブラウザはこの機能と互換性があるため、サイトにアクセスするユーザーにとっては何も変わりません。

一部のサーバーはすでにこれを自動的に実行しています。VarvySEOToolサイトでURLをテストすることにより、サイトにこのタイプのサービスがあることを確認できます。 ただし、そうでない場合は、このオプションを提供するWP FastestCacheなどのプラグインを使用してブラウザーのキャッシュを活用できます。

9.リダイレクトをクリーンアップする

多くの場合、ウェブサイトの速度を損なうのはページの読み込みだけではなく、ブラウザに最小時間で複数のページを読み込ませる一連のリダイレクトです。

この問題は、プロトコルの変更（HTTPSなど）、重複ページ（wwwがあるものとないもの）、カテゴリの変更、URL構造など、すでに多くのアドレス移行を行っている非常に大規模なサイトで非常に一般的です。

これらのリダイレクトは蓄積され、ページへのリンクパスがますます長くなります。

したがって、サイトマップを最新の状態に保ち、ユーザーがサイトの現在のアドレスに直接アクセスできるようにし、重要な外部リンクのあるページなど、絶対に必要なリダイレクトのみを実装するようにしてください。

その他はお早めに削除してください！

10.サーバーパフォーマンスの向上

これは、大量のトラフィックを受信するブログ、ニュースチャネル、およびeコマースでより顕著な問題です。

インターネット上でのプロジェクトの進化に伴い、成長のペースを維持するために変更が必要です。 それらの1つはあなたのホスティングプランです。

たとえば、前述の状況では、多数の同時訪問者をサポートし、速度の低下やシステムの停止を減らすことができる専用サーバーに投資することをお勧めします。

ブラックフライデーやクリスマスなど、需要の高い時期に備えていない仮想店舗は、通常、これらの基本的な問題に驚いています。

ただし、古いソフトウェア、遅いデータベースクエリ、メモリ制限、さらにはローカルの電源管理やコンピュータの冷却障害など、サーバーのパフォーマンスを低下させる可能性のある他の要因があります。

したがって、サイトの速度低下が続く場合に備えて、ホスティング会社のサポートを有効にして、このタイプのサービスを採用するときは常に有名でよく参照されている会社を選択してください。

PageSpeedを唯一のリファレンスにする必要がありますか？

PageSpeed Insightsでの評価の最小数について言及しているページに、すでに出くわしたことがあるかもしれません。

理想は95を超えるスコアを持つことであると言う人もいれば、少なくともデスクトップでは100に到達することが不可欠であると言う人もいます。 これらの一般化に夢中にならないでください！

関係する変数はたくさんあり、ロード時に数ミリ秒短く、監視、追跡、変換ピクセルなどの特定の機能を放棄することは必ずしも興味深いことではありません。 それぞれのケースはユニークです。

Googleは、 90以降のスコアは理想的と見なされると規定しています。50から89の間は、サイトの基本的な調整が必要であることを意味し、50未満のスコアのみが重要な修理の必要性を示します。

さらに、ページ速度には検索の巨人の権限がありますが、そのツールには重要な制限があります。分析は場所が不明なサーバーを介して実行され、モバイルテストはパラメーターとして3G接続を取ります。

したがって、ページ速度の結果を参照として使用しますが、そのレポートが執着にならないようにしてください。

興味深いヒントは、他のツールでサイトをテストし、それらすべてのデータを比較することです。 以下のいくつかのオプションをチェックしてください！

GTmetrix

その原理は他の同種のツールと同じですが、GTmetrixを使用すると、完全に無料の環境で、サイトの知覚パフォーマンススコアを市場平均と比較することもできます。

Pingdom

Pingdomは、より完全なレポートを必要とし、それに対してお金を払っても構わないと思っている人にとって理想的です。

その分析は世界のさまざまな地域からのクロスデータを分析し、そのプラットフォームは問題が検出されたときにアラートを送信します。

ロックステージアナライザー

より洗練された分析のために、私たちのソリューションは、サイトのエラーと成長の機会を特定するのに役立つように設計された完全なパフォーマンスエバリュエーターであるStageAnalyzerです。

Stage Analyzerは、サイトの完全なスキャンを実行して、構成やURLエラー、誤った画像スケーリング、SEOの失敗や欠陥など、ページのユーザーエクスペリエンスを損なう可能性のある要因を探します。

わずか2分で、サイトに必要な改善を段階的に提供するのに役立つ推奨事項の便利なリストを受け取ります。 実際、WordPressサイトのパフォーマンススコアは最も高い可能性があります。

ラテンアメリカの大手コンテンツマーケティング会社だけが提供できる品質と専門知識を備えたこれらすべて。

ご覧のとおり、GoogleのPageSpeed Insightsで良い評価を得ることが重要ですが、これはサイトのパフォーマンススコアを最適化および監視するために使用する多くのパラメータの1つにすぎません。

この記事はここで終わりますが、ブログやWebストアの改善を今すぐ開始できます。

RockContentのStageAnalyzerを使用してサイトのパフォーマンスを分析し、完​​全なSEOレポートを取得して戦略を導きます。