ページの読み込み速度を改善して結果を最大化する方法

公開: 2023-03-06

ウサギとカメの話を聞いたことがありますか？ ご存知のように、遅いカメが傲慢で速いウサギをめぐる競争で勝利したものですか？ まあ、それは嘘です。 ゆっくり行っても、誰も速くなることはありませんでした。 それは単なる常識であり、良いビジネスです。

OK、あなたは私たちを手に入れました。 食事をしたり、老化したり、剣を持って急な階段を下りたりするなど、いくつかのことをゆっくりと行うことで利益を得ることができます。 しかし、SEO に関して言えば、遅いほど悪いことはありません。

上位ランキングへのハイスピードライドになるので、準備をしてください。

高速なウェブサイトを持つことが重要な理由

荷物が届くまで 2 日以上待つか、テキスト メッセージの代わりに普通郵便を送信するか、ウェブサイトが読み込まれるのを待って親指をいじりますか? 正気なら誰もそんなことをしたくないでしょう。 誰がその時間がありますか？ 確かにあなたの見込み客ではありません。

ページの読み込みが高速になると、サイトのパフォーマンスが向上し、Google PageSpeed Insights と GTmetrix のスコアが向上し、検索結果でのランクが向上します。

しかし、ページ速度は SEO にどの程度影響するのでしょうか? ページの読み込み速度が遅いと、次のことが発生する可能性があります。

  • コンバージョン数が 7% 減少。
  • ページビューが 11% 減少。
  • 顧客満足度が 16% 低下。

そして、毎秒、これらの数字はますます恐ろしいものになります。

  • 直帰率は、わずか 2 秒の遅延で103% も大幅に増加する可能性があります。
  • 53% は、読み込みに 3 秒以上かかるサイトを放棄します。
  • 満足していない買い物客の 79% は、サイトの読み込み速度が原因で、再度購入する可能性が低くなります。

ページの読み込み速度を確認するにはどうすればよいですか?

いくつかのオンライン ベンチマーク ツールは、ページの読み込み速度を測定します。 また、サイトの規模とリソース集約度を示し、改良点を提案することもできます。 何よりも、すべて無料で使用できます。

  • Google PageSpeed Insights は、デスクトップとモバイルで別々のテストを実施し、読み込み時間をさまざまな段階に分けます。
  • GTmetrix は、YSlow と同様に、サイズ、ページの読み込み時間、およびリソース割り当ての概要を示します。
  • Pingdom は GTmetrix と同様のサービスを提供しています。
  • WebPageTest は、他のものよりもユーザー フレンドリーではありませんが、洞察力に富む傾向があります。 注目すべきは、サイトがさまざまなブラウザーでどのように機能するかを考慮する高度なオプションです。

これらのテストを実行するときは、オーディエンスの物理的な場所に最も近いテスト場所を選択してください。これにより、最も関連性の高い結果が得られます。

サイトのページ読み込み速度がわかったところで、適切な時間を記録しているかどうかを見てみましょう。

ウェブサイトの読み込み速度は?

通常、ページは 3 秒以内に完全に読み込まれます。

速度が約 3 ～ 5 秒の場合、完全に悪い状態にあるわけではありませんが、ページのパフォーマンスは、今日のモバイル ファーストの基準で予想されるほど良好ではありません。 5 秒を超えるものはすべて不良と見なされます。 しかし、サイトの読み込み速度に関係なく、常にブーストの恩恵を受けることができます.

また、最初のバイトまでの時間 (TTFB) にも注意を払う必要があります。 (WebPageTest および PageSpeed Insights はこのデータを表示します。) TTFB は、ブラウザーがサーバーからのデータの最初のバイトを受け入れる前に待機する期間です。 Google は、200 ミリ秒以上の TTFB を推奨しています。

ページの読み込み速度の目標に関する詳細は次のとおりです。

  • Pingdom は、ほとんどのページが平均3.21 秒未満で読み込まれることを発見しました。
  • Google によると、ユーザーの 53% は、別の Web サイトに移動する前に、携帯電話が読み込まれるまで 3 秒待つだけです。
  • Akamai は、 2.4 秒の平均モバイルページ読み込み速度が最高のコンバージョン率につながることを発見しました。

しかし、ページの読み込み速度を 3 秒以上速くするという目標を達成するにはどうすればよいでしょうか?

ページの読み込み速度を上げる最良の方法は何ですか?

いくつかの要因がページの読み込み速度に影響を与える可能性があります。 一部の戦略はすぐに実行でき、すぐに効果があります。 他の人は、利点を確認するために時間とテストが必要です.

最良の方法のいくつかを次に示します。

1. gzip 圧縮を有効にします。

2.画像を最適化します。

3.ブラウザのキャッシュをオンにします。

4. HTML、CSS、および JavaScript を縮小します。

5. HTTP リクエストを減らします。

6.サーバーの応答時間を短縮します。

7. CDN の実装を検討します。
おまけ: WordPress 固有の改善を行います。

位置について！ 設定してください！ ブースト！

1 . gzip 圧縮を有効にする

圧縮するとファイルのサイズが小さくなり、ダウンロードが高速になります。 これは、ページの読み込み速度を最適化するための最も簡単で最速の方法の 1 つです。 圧縮に gzip を使用することはほぼ標準ですが、Brotli は代替の一般的な方法です。 gzip を有効にすると、HTML、CSS、および JavaScript のサイズを最大 70% まで縮小できます。 (gzip テストを実行して、有効になっているかどうかを確認してください。)

ほとんどの WordPress オールインワン パフォーマンス プラグインには、圧縮を自動的に有効にするオプションがあります。 .htaccess ファイルにいくつかのコードを追加することで、手動で圧縮を有効にすることができます。

2.画像​​を最適化する

ページサイズが大きくなる典型的な原因のいくつかは画像です。 一般に、写真は次のように適切なサイズに調整し、最適化する必要があります。

  • 100 キロバイト未満。
  • 画像が表示される正確なサイズに設定します。
  • JPG として保存します (透明でない場合は PNG を使用します)。

画像を圧縮すると品質が著しく低下するため、読み込み時間を短縮したいからといって、Web サイトのデザインの品質に悪影響を及ぼさないようにしてください。 ただし、少なくとも、たとえば Web サイトの幅が 600 ピクセルの場合は、幅が 2,500 ピクセルの画像をアップロードしないでください。

Photoshop (有料) または GIMP (無料) を使用して、アップロードする前に画像を最適化します。 圧縮を追加するには、TinyJPG などのオンライン オプティマイザーを利用することもできます。 別のオプションが必要で、WordPress などの CMS を使用する場合は、Smush と EWWW Image Optimizer が優れたバックアップ プラグインです。 一部のプラグインでは、スクロールせずに見えるコンテンツを優先し、訪問者が下にスクロールしたときにのみ画像を読み込む「遅延読み込み」機能を有効にすることもできます。これにより、サーバーが受け取るリクエストが大幅に減少します。

3.ブラウザのキャッシュを有効にする

訪問者がサイトに戻ると、ブラウザーのキャッシュを有効にしていない限り、ブラウザーはスクリプト、画像、スタイル シートなどのファイルを再ダウンロードします。

ブラウザーのキャッシュを使用すると、静的ファイルがユーザーのブラウザーに保存されます。 そのため、次にサイトにアクセスするときに再度ダウンロードする必要がないため、ページの読み込みが大幅に高速化されます。

WordPress を使用している場合、キャッシュは比較的簡単です。 WP Rocket や W3 Total Cache などのプラグインは、必要なすべての手順をガイドし、セットアップします。 これらのプラグインは一度に 1 つだけ使用してください。 また、キャッシュを手動で有効にするのはもう少し複雑です。

4. HTML、CSS、JavaScript を縮小する

縮小により、パフォーマンスに影響を与えることなく、冗長または不要なコードが削除されます。 これには、コード コメント、長い関数名、スペースなどの排除が含まれます。これらはすべて、ユーザーには表示されませんが、読み込み速度を低下させます。

WP Super Minify、WP Rocket、W3 Total Cache などの WordPress プラグインは、初心者の Web 開発者が縮小を実現するのに理想的です。 他の CMS および高度な管理者については、手動で縮小する必要があります。 役立つツールは次のとおりです。

  • HTML ミニファイア。
  • YUI Compressor または CSS Minifier。
  • JSCompress または JSMin。

5. HTTP リクエストを減らす

これは大きなものです。 トリッキーになることもありますが、怖がらせないでください。 リクエストの削減は、ページ ロードの最適化の最終的な目標です。 HTTP 要求の数を 50 未満または約 50 に保つようにしてください。

これらのリクエストを合理化し、高速化する方法はたくさんあります。

6. サーバーの応答時間を短縮する

サーバーの変更は、真剣にその場で行う必要があります。 ただし、ホスティング サーバーは読み込み時間に重要な役割を果たしているため、最適な設定を行っているかどうかを知ることは大いに役立ちます。

何よりも、プロバイダーに相談して、サーバーが十分なアップタイムを経験し、十分な帯域幅を提供し、ターゲット ユーザーの近くに配置されていることを確認してください。 そうでない場合は、別のホスティング サービスへの切り替えを検討してください。

考慮すべきその他の重要事項:

  • PHP のバージョン
    サイトが PHP ベースの場合は、PHP 7 以降を使用する必要があります。 使用している PHP とアップグレードが必要な PHP を確認する最も簡単な方法は、ホスティング プロバイダーに問い合わせることです。 ただし、PHP の変更は一部の WordPress テーマやプラグインに影響を与える可能性があることに注意してください。 何か問題があると思われる場合は、サーバーの PHP をすばやく元に戻すことができます。
  • HTTP/2
     HTTP/2 は、サイトの速度と効率を大幅に向上させることができるサーバー側のプロトコルです。 すべてのサイトが可能な場合に HTTP/2 を利用しているわけではありません。 さまざまなオンライン ツールを使用して、サーバーが HTTP/2 をサポートできるかどうかを確認できます。 次に、ホスティング プロバイダーに連絡して、どのようなオプションがあるかを確認してください。
  • ホスティングの種類
    ほとんどの中小企業は、安価な共有ホスティング サーバー (Bluehost、GoDaddy、HostGator など) を使用しています。 多くのサイト トラフィックを目にする大企業では、通常、コンテンツを配信するために、より強力な仮想プライベート サーバーまたはダイレクト サーバーが必要です。 予算とパフォーマンスを指標として使用して、どのカテゴリに該当するかを判断します。

7. CDN の実装を検討する

コンテンツ配信ネットワークは、多くの国際的な場所にサービスを提供するページや、通常のホスティング サービスの速度向上を求めているページに最適です。 これらのサードパーティの有料サービスは、HTTP/2 サポートを提供するだけでなく、グローバル サーバーの広範なネットワーク全体でファイルをホストすることにより、リクエスト時間を大幅に短縮します。

独自の CDN オプションには次のものがあります。

  • クラウドフレア。
  • スタックパス。
  • キャッシュフライ。
  • Google クラウド CDN。

一部のサイトのみが CDN を必要とするため (GTmetrix が提案しているにもかかわらず)、このリストの他の戦略を最初に実行することをお勧めします。 それでもロード時間が追いつく必要がある場合は、CDN を実行可能なオプションと考えてください。

おまけ: WordPress 固有の改善

WordPress を使用している場合、他の要因がページの読み込み時間に影響を与える可能性があります。 これらの問題は、上記の他の方法と一緒に対処する必要があります。

プラグインを減らす

プラグインは素晴らしく、サイトの速度を向上させるために多くのことができます. しかし、間違ったプラグインを使用すると逆効果になる可能性があり、インストールするプラグインが多すぎると問題が発生し、サイトのパフォーマンスが大幅に低下する可能性があります.

そのため、次のことが不可欠です。

  • プラグインを定期的に更新および保守します。
  • 不要または未使用のプラグインを定期的に削除します。
  • 軽量または高速の代替手段があるかどうかを確認してください。
  • 冗長な機能を持つプラグインを特定します。
  • 手動で簡単に実行できるタスクのプラグインを削除します。

たとえば、Google Analytics プラグインがインストールされているとします。 その場合は、スニペットを自分で追加するか、Google タグ マネージャーを使用するか、ヘッダーとフッターの挿入プラグイン (前者よりもはるかに小さい) を使用して追加することをお勧めします。

問題を特定するために、Page Performance Profiler のような優れたプラグイン評価ツールを使用すると、どのプラグインがページの読み込み速度に影響を与えているかを特定できます。 (作業が終わったら忘れずに削除してください。)

データベースをきれいにする

時間の経過とともに、WordPress データベースは、保存された下書き、投稿の改訂、および Web サイトが機能する必要のないその他のものによって動かなくなる可能性があります。 ときどきこの混乱をきれいにすることで、サイトの速度を向上させることができます。 一部のオールインワン パフォーマンス プラグインにもこの機能があり (WP Rocket と同様)、WP-Optimize プラグインを利用することもできます。

CMS とテーマの更新

テーマと WordPress インストールの最新バージョンを常に使用していることを確認してください。 (そうする前に、サイトをバックアップすることを忘れないでください。) 更新して上記のすべての変更を行った後もサイトがまだ遅い場合は、新しいテーマを完全に試すことを検討してください。 テーマはサイトの見栄えを良くしますが、多くの荷物をもたらし、サイトの機能を低下させる可能性があります。

速いページ読み込み速度はこれまで以上に重要です

見逃した方のために説明すると、最近の Google は完全にモバイル中心です。 また、すぐに移行するわけではないため、ページをできるだけ速くロードする必要があります。

私たちの注意力の持続時間は短く、1 秒ずつ短くなるだけです。 あなたのページがすぐに読み込まれない場合でも、たくさんの猫の動画が読み込まれる可能性があります。 何を求めている？ 今こそ始める時です！ SERP は誰も待たないため、これらのページ速度とページ エクスペリエンスの改善を今すぐ実装してください。