より高速なウェブサイトのための 7 つのサイト速度最適化ハック

公開: 2019-12-18

ウェブサイトの速度が遅いと、トラフィックとコンバージョンが失われる可能性があります。

Google はサイトの速度をランキング要素として使用しており、読み込みに 3 秒以上かかる Web サイトからは 40% ものユーザーが離脱します。 さらに衝撃的なのは、Web サイトの速度がコンバージョンにとっていかに重要かということです。サイトの読み込みにかかる時間がわずか 100 ミリ秒 (または 10 分の 1 秒) 遅れると、コンバージョンが 7% 低下する可能性があります。

サイト速度最適化ハック

では、どうすればウェブサイトの速度を上げることができますか? あなたのウェブサイトを競争のトップに保つために、サイト速度を最適化するための 7 つの重要なハックに飛び込みましょう!

1. HTTP キープアライブを有効にする

デフォルトでは、ユーザーが Web サイトにアクセスすると、訪問者のブラウザーからの各リクエストの後に HTTP 接続が閉じられます。これは、リクエスト (スタイルシート、JavaScript、画像) の数に応じて、Web サイトが完全に表示される前にいくつかの新しい接続を開く必要があることを意味します。ユーザーのブラウザから。 その結果、サーバーがリクエストで過負荷になり、ページの読み込み時間が長くなります。

Web サイトの速度を上げるために使用できる簡単なハックは、HTTP Keep-Alive を有効にすることです。

Keep-Alive を有効にすると、訪問者のブラウザとサーバーの間の接続が開いたままになります。 その結果、特定のセッション中に要求されたすべてのファイルが単一の接続を介して転送され、各要求に対応するために複数の新しい接続を作成する必要がなくなります。

Keep-Alive を有効にする利点は数多くあります。 まず、クライアントとサーバー間の接続を開いたままにするため、ファイルの提供に必要な時間が短縮されます。 次に、リクエストが単一の接続を介して送信されるという事実は、TCP および SSL/TLS 接続リクエストの数が減るため、往復時間 (RTT)が短縮されます。

サーバーで HTTP キープアライブがまだ有効になっていない場合、有効にするのは非常に簡単です。 htaccess ファイルに次のコードを追加するだけです。

<IfModule mod_headers.c>
ヘッダー セット 接続キープアライブ
</IfModule>

2.定期的なデータベースのクリーンアップをスケジュールする

データベースをクリーンアップすることで、Web サイトの速度を上げることもできます。 これは、WordPress を使用している場合に特に重要です。

WordPress は非常にデータベースに依存しており、コメント、リンク、トラックバック、投稿、ページ、フォーム エントリ、プラグイン設定、テーマ設定、Web サイト設定など、すべての重要なコンテンツをデータベースに保存します。 サイトが古くなり、多くの変更を加えると、データベースは重要なファイルだけでなく重要でないファイルでますます肥大化します。

データベースを肥大化させる可能性のある重要でないファイルには、投稿のリビジョン (数千の場合もある)、削除された投稿やコメント、スパム コメント (数千または数万の場合もある)、ピンバック、トラックバック、投稿メタの重複などがあります。 これらのファイルのほとんどは、データベースのサイズを不必要に増大させ、その結果、データベースから情報を取得するのにかかる時間が長くなり、結果としてサイトが遅くなります。

このような状況での解決策は、データベースを定期的にクリーンアップすることです。 テーブルを手動で最適化することでこれを行うことができます。また、最適化のために WordPress プラグインをインストールすることで、より自動化されたプロセスを使用することもできます。

2 つの方法のどちらを使用するかに関係なく、クリーンアップに進む前に、データベースとサイト全体をバックアップすることが重要です。 WordPress は完全にデータベースに依存しており、データベースに変更を加える前にデータベースをバックアップしないと、サイト全体を失う可能性があります (何か問題が発生した場合)。

3. 非アクティブなテーマとプラグインを削除する

データベースをクリーンアップするときは、非アクティブなテーマとプラグインも削除する必要があります。 プラグインとテーマは、アクティブでない場合でもデータベース内で多くのスペースを占有する傾向があり、Web サイトの速度が低下することがよくあります。

テーマとプラグインのリストを定期的に調べて、非アクティブなものを確実に削除することで、より高速な Web サイトを作成できます。 これらの非アクティブなテーマとプラグインが削除されたら、データベースのクリーンアップを行って、それらが残したすべてのファイルを確実に削除する必要があります.

4. 画像を圧縮する

サイト速度の最適化は、効果的な画像の最適化なしでは完了できません。 実際、画像は、平均的な Web ページに読み込まれるデータの約 60% を占めています。 これは重要なことであり、画像のサイズを大幅に縮小することが、Web サイトの読み込みを高速化するのに大いに役立つことを示しています。

サイトの速度に悪影響を与えないように、サイトでの画像の使用を最適化する方法はいくつかあります。 画像の圧縮は、最も効果的な方法の 1 つです。

たとえば、Kinsta は、画像を圧縮することにより、品質をあまり損なうことなく、画像のサイズを 1,364% 以上縮小することができました。 元の画像サイズは 2.06MB でしたが、わずかに圧縮されたバージョンは 590KB で、中程度に圧縮されたバージョン (多くの品質損失なし) は 151KB でした。

これは、画像サイズを大幅に節約し、画像を圧縮するだけでページの読み込み時間を短縮できます。 ここで、1 つまたは 2 つの画像だけでなく、さらに多くの画像に対する同じシナリオを想像してみてください。 ほとんどすべての画像編集ツールを使用すると、品質を大幅に損なうことなく画像を圧縮/サイズ変更できますが、特定の WordPress プラグインをインストールすることで、さらに一歩進めることができます.

ヒント: WordPress サイト管理ソフトウェアを見つけて、コンテンツからサイトの速度まで、サイト全体の管理に役立ててください。

最高の WordPress サイト管理ソフトウェアを見つけてください。今すぐ発見、無料 →

5.遅延読み込みを有効にする

画像圧縮以外に、画像の最適化によって Web サイトの読み込み時間を改善するもう 1 つの方法は、遅延読み込みを有効にすることです。

基本的に、遅延読み込みは、Web サイトの読み込み時に不要な画像が読み込まれないようにするだけであり、それによって Web ページの初期サイズが大幅に縮小されます。 たとえば、平均 150 KB の 10 個の画像を使用する 3,000 ワードの記事がある場合、Web サイトの他の要素に加えて画像から読み込む必要があるのは 1,500 KB です。

ただし、遅延読み込みを有効にすると、ユーザーは一度に 1 つの画像のみを画面に表示する必要がある可能性が高いため、最初は 1 つの画像のみが読み込まれます (記事の冒頭に画像が存在するかどうかによっては、画像がまったく読み込まれない場合もあります)。他の画像の読み込みは、ユーザーがその場所にスクロールするまで延期されます。その結果、サイトが最初に読み込まれるときに最初に最大 1,350KB 節約され、Web サイトがはるかに高速になります。

関連:次の 5 つの手法のいずれかを使用して、Web サイトに画像を遅延読み込みできます。

6.リダイレクトを最小限に抑える

サイトが古くなるにつれて、多数のリダイレクトが発生するのは自然なことです。 ただし、リダイレクトが不十分な場合や、リダイレクトが多すぎる場合は、サイトの動作が遅くなり、サイトの読み込み時間に悪影響を及ぼします. もちろん、リダイレクトなしではほとんどできませんが、心配する必要がある場合もあります。

リダイレクトチェーンが多すぎる場合

リダイレクト チェーンは、元の URL と宛先 URL の間に複数のリダイレクトがある場合です。 たとえば、ページ 1 がページ 3 にリダイレクトされ、最終的にページ 5 にリダイレクトされます。このような場合、サイトの速度はしばしば悪影響を受けます。 解決策は、ユーザーが目的のページに到達する前に関連するリダイレクトの数を減らすことです。

一般的にリダイレクトが多すぎる場合

これは小規模なサイトでは問題にならないかもしれませんが、通常は大規模なサイトで、特に htaccess を介してリダイレクトが設定されている場合に問題になります。 何千ものリダイレクトが発生し始めたら、すべてを徹底的に確認し、必要なクリーンアップを行う必要があります。

7.キャッシュを有効にする

キャッシュを有効にすることで、Web サイトの速度を大幅に改善することもできます。 キャッシュを有効にすると、訪問者が初めて Web サイトにアクセスしたときに、Web サイトのリソース ファイルが訪問者のコンピューターに自動的に保存されます。 ブラウザがサーバーに新しいリクエストを作成する必要はありません (多くの人が同時にリクエストを行うと、サーバーの応答に影響を与える可能性があり、一般的にウェブサイトの速度が低下する可能性があります)。単にリソース ファイルをコンピューターから取得します。はるかに高速にロードされます。

キャッシュできるリソース ファイルには、Web サイトのロゴ、CSS ファイル、その他の主要なリソースなどの主要なファイルが含まれます。 これらのファイルが保存されると、Web サイトでこれらのリソースを使用するすべてのページが、サーバーから新たにダウンロードする必要がなくなるため、はるかに高速に読み込まれます。

Varvy の厚意により、次のコードを使用するように htaccess ファイルを更新することで、キャッシュを有効にすることができます。

htaccessコードのキャッシング


WordPress を使用している場合は、次のキャッシュ プラグインのいずれかをインストールすることでキャッシュを有効にできます。

  • W3 合計キャッシュ
  • W3 スーパーキャッシュ
  • ハチドリ

結論

上記のハックの 1 つを実装するだけで、Web サイトの速度が大幅に向上し、追加のトラフィックを生成することなく、トラフィック、コンバージョン、売上が増加します。

サイトの速度に加えて、ページのランク付けに影響を与える要因は他にもたくさんあります。 サイトのすべての指標を把握するには、最適な SEO ツールを見つけて、順調に進み、ウェブサイトの速度やランクなどを向上させてください。

最も使いやすい SEO ツールを見る →