最初のバイトまでの時間（TTFB）：それは何ですか＆それのためにあなたのウェブサイトを最適化する方法

公開: 2021-08-23

サイトの速度とパフォーマンスを最適化する場合は、注意を払うべき主要な指標を知ることが重要です。たとえば、Time to First Byte（TTFB）は、ユーザーのブラウザがWebサイトのサーバーから最初の「バイト」のデータを受信するのにかかる時間を測定します。レンダリングしたり、画面に表示したりしないでください。しかし、単に1バイトをブラウザに返すだけです。

この投稿では、TTFBとは何か、なぜそれが重要なのかを説明します。次に、それを測定する方法と、WordPressサイトでそれを減らす方法について説明します。最後に、よくある質問で締めくくります。始めましょう！

私たちのYoutubeチャンネルを購読する

最初のバイト（TTFB）までの時間

TTFBは、訪問者のブラウザ要求に対するサーバーの応答性を測定します。つまり、ユーザーがWebページにアクセスしてから、サーバーがそれを認識するまでにかかる時間です。

ブラウザがサーバーからデータの最初のバイトを受信するのに時間がかかるほど、ページの読み込みに時間がかかるため、これは重要です。また、TTFBは非常に初期のインタラクションであるため、最初のバイトまでの時間が長いということは、ページの残りの部分がロードを開始することさえできないことを意味します。サーバーがまだ応答していないためです。

したがって、TTFBは、Webサイトのユーザーエクスペリエンス（UX）と検索エンジン最適化（SEO）において極めて重要な役割を果たします。これは、Googleがサイトのページ読み込みエクスペリエンスを決定し、次にそのランキングを決定するために考慮するWeb Vitals（FCP、LCP、およびCLSとともに）の1つでもあります。

TTFBは、First Contentful Paint（FCP）に似ています。これは、読み込みエクスペリエンスとユーザーの待機時間を測定するためにも使用されます。ただし、FCBは、訪問者が最初の要素がページに表示されるのを確認できるまでにかかる時間を測定します。 TTFBは、表示されているかどうかに関係なく、あらゆる情報です。

WebサイトのTTFBは、次の3つの主要なプロセスで構成されています。

HTTPリクエストは、訪問者のブラウザからサーバーに送信されます。
サーバーは要求を処理し、その応答を準備します。
サーバーはブラウザに応答を送り返します。

このプロセスが速いほど、読み込み時間が速くなり、応答性が高くなります。ただし、いくつかの要因と問題により、各ステップ全体で遅延と速度低下が発生する可能性があります。したがって、サイトの速度とパフォーマンスを最適化するには、TTFBの削減に集中することをお勧めします。

TTFBの測定方法

ラボツールとフィールドツールの両方を使用するなど、TTFBの測定にはいくつかの異なる方法があります。シミュレーション結果（ラボ）と実際のユーザーデータを使用したテスト（フィールド）の両方を意味します。ただし、その前に、良いスコアが何であるかを最初に知っておくと役に立ちます。

通常、好ましいTTFBは、200ミリ秒（ms）から500ミリ秒（.2から.5秒）の間のどこかにあります。もちろん、数値が小さいほど良いです。 600ミリ秒を超えるものはすべて悪いスコアと見なされます。グーグルはランキングの考慮事項としてページ速度を導入したので、多くのウェブサイトは100ミリ秒未満の時間で撮影します。ただし、ほとんどの場合、200ミリ秒未満のものはすべて「良好」と見なされます。

TTFBの測定に使用できるさまざまなツールがあります。いくつかの最良のオプションを見てみましょう。

WebPageTest

WebPageTestは、ページ速度をすばやく簡単にテストできるオンラインツールです。ただし、これを使用して、TTFBなどの主要なメトリックを含む詳細レポートにアクセスすることもできます。

これを使用するには、テキストフィールドにURLを入力し、 [テストの開始]ボタンをクリックするだけです。

WebPageTestオンラインツール。

結果ページでは、サイトに関する多くの情報を表示できます。上部に沿って、TTFBの一般的なスコアを見つけることができます。次のセクションでは、最初のバイト列の下にミリ秒単位の時間を見つけることができます。

WebPageTestテストの結果。

WebPageTestによると、ターゲットは、ドメインネームサーバー（DNS）、ソケット、およびSecure Sockets Layer（SSL）のネゴシエーションに必要な時間に100ミリ秒を加えたものです。 TTFBがさらに100ミリ秒かかるごとに、オンラインツールはサイトのスコアを文字グレードに下げます。

GTmetrix

GTmetrixは、TTFBの測定に使用できるもう1つの無料のオンラインツールです。テキストフィールドにWebサイトのURLを入力し、[サイトのテスト]ボタンをクリックします。

GTmetrixのWebサイト。

ツールがURLの分析を完了すると、全体的な成績とWebバイタルを含むパフォーマンスレポートが表示されます。

GTmetrixパフォーマンスレポート。
ページのさらに下にある[パフォーマンス]タブをクリックできます。

GTmetrixパフォーマンスレポートにリストされているTTFBメトリック。

[ブラウザのタイミング]セクションで、TTFBを見つけることができます。

これらは、使用できるオンラインテストツールのほんの2つの例です。その他の人気のあるオプションには、Bytecheck、Pingdom、およびKeyCDNが含まれます。これらはそれぞれ、これら2つのオプションと同じように機能します。 URLを貼り付け、リアルタイムでテストを実行してから、結果レポートを解析します。

Google Chrome DevTools

TTFBを測定するもう1つの方法は、ChromeDevToolsです。 Chromeユーザーの場合は、この方法を使用して、サードパーティのツールを使用せずにブラウザ内で直接TTFBを測定できます。上記の速度テストの多くが、選択可能なさまざまなサーバーの場所を使用している場合、このように、それはあなたから直接行われます。

そのため、特定のネットワーク条件とネットワーク遅延がTTFBに影響を与える可能性があることに注意してください。したがって、この方法を使用したときに表示される結果は、サイトの訪問者が体験するものと同じではない場合があります。

開始するには、ブラウザでWordPressサイトにアクセスし、画面の右隅にある3つの縦のドットに移動します。次に、 [その他のツール]> [開発者ツール]に移動します。 これにより、DevToolsコンソールが開きます。

そこから、ページ上の任意の要素をクリックし、[ネットワーク]タブを選択してから、[ウォーターフォール]列を選択します。

ChromeDevToolsにリストされているTTFB。

リスト内で、検査する項目を選択します。パネルの下に、待機中（TTFB）があります。

WordPressサイトでTTFBを減らす方法（4つの重要なヒント）

TTFBとは何か、およびそれを測定する方法について理解が深まったので、次はそれを改善するために何ができるかを見てみましょう。以下は、WordPressサイトでTTFBを減らすために使用できる4つの重要なヒントです。

1.WordPressホスティングをアップグレードします

おそらく、TTFBで最も影響力のある要因は、サイトのホスティングプロバイダーです。あなたは可能な限りあらゆる方法であなたのサイトを最適化することができます、しかしあなたのホストが追いつくことができないならば、それは問題ではありません。使用するホスティングの種類は、サイトの速度とパフォーマンスに影響します。たとえば、共有ホスティングを使用している場合、限られたリソースにアクセスできる可能性があります。また、サーバークラスターの帯域幅と処理の使用状況について他のユーザーに注目しています。

したがって、読み込み時間が遅く、TTFBを減らしたい場合は、新しいホスティングプロバイダーまたはより高性能なプランへのアップグレードを検討することをお勧めします。共有ホストを使用している場合、プランを上位層にアップグレードすると、多くの場合、優先サービスとより高速なサーバーが付属します。

さらに、WordPressサイトのマネージドホスティングはTTFBにとって大きなメリットです。これらのサービスは、WordPress Webサイト専用に設計および最適化されているため、ユーザー側と管理用のバックエンドの両方で迅速な応答時間が得られます。

上位層および/またはマネージドホスティングは、エコノミーホスティングよりもコストが高くなりますが、優れたホスティングよりも低いTTFB（および全体的なページ速度）を取得するためのより良い方法はありません。

また、プレミアムDNSサービスを提供するWebホストを探すことをお勧めします。 DNSルックアップ時間は、TTFBの速度低下の原因となる可能性があります。プレミアムDNSツールを活用すると、ネットワークの待ち時間を短縮し、読み込み時間を改善できます。

2.コンテンツ配信ネットワーク（CDN）を使用する

サイトの速度を向上させ、TTFBを削減する最も効果的な方法の1つは、CDNを実装することです。概念に慣れていない場合は、これは世界中に配置された分散サーバーのネットワークです。これは、訪問者が最も近いデータセンターの場所からサイトをロードできることを意味し、所要時間を最小限に抑えます。

WordPressにはさまざまなCDNサービスから選択できます。最も人気のあるオプションには、Google Cloud CDN、KeyCDN、Cloudflareなどがあります。実際、一部のホスト（SiteGroundなど）は、CloudflareCDNの無料バージョンとそのプランの多くを提供しています。

Cloudflareのウェブサイト。

WordPressサイトでCDNを使用すると、ネットワークの待ち時間を大幅に短縮できます。 CDNは、パフォーマンスの目的だけでなく、分散型サービス拒否（DDoS）攻撃などの脅威を防ぐことで、サイトのセキュリティを強化するのにも役立ちます。

3.不要なプラグインまたはテーマを削除します（そして既存のものを最新の状態に保ちます）

プラグインとテーマは、特に古くなっている場合、多くのスペースを占有し、サイトの速度を低下させる可能性があります。さらに、古い拡張機能はセキュリティの脆弱性をもたらし、サーバーと読み込み時間に不必要な負担をかける可能性があります。コードが原因でTTFBが遅延し、最適化されていない可能性があります。プラグインが更新され、必要であることを確認してください。プラグインの数を減らすと、サイトのサーバーがダウンしている場合にTTFBが確実に改善されます。

使用しなくなったWordPressサイトのプラグインやテーマは簡単に削除できます。同様に、サイトにインストールしたものが最新の状態に保たれていることを確認することも重要です。コードが最適化されていない場合（特にWPの更新など）、TTFBがヒットする可能性があります。

WordPress管理ダッシュボードから、[プラグイン]に移動し、[利用可能な更新]リンクをクリックすると、利用可能なプラグインの更新を見つけることができます。

プラグインはWordPressの画面を更新します。

プラグインとテーマの開発者は、ツールのパフォーマンスの向上とバグ修正を定期的にリリースしていることに注意してください。最新バージョンを常に把握し、目的を果たさなくなったバージョンを排除することで、サーバーの肥大化を最小限に抑えることができます。

4.Webサイトにキャッシュを実装します

サーバーの負荷を軽減する最も強力な方法の1つは、キャッシュを活用することです。キャッシュは、サーバーの処理時間を最小限に抑え、コンテンツをより迅速に配信するために使用される手法です。したがって、これはTTFBの削減に役立つ有用な戦略でもあります。

あなたのウェブサイトにインストールできるさまざまなWordPressキャッシュプラグインがあります。最も人気のあるオプションには、WPRocketとW3TotalCacheがあります。

W3 TotalCacheプラグイン。

W3 Total Cacheは、サイトの速度とSEOを向上させるのに役立つパフォーマンス最適化ツールです。 CDN統合にも役立ちます。したがって、この点で、TTFBをさまざまな方法で支援できます。インストールすると、[パフォーマンス]に移動して設定にアクセスできます。

W3 TotalCacheプラグインダッシュボード。

このプラグインは無料で使用できます。ただし、より高度な構成オプションをお探しの場合は、年間99ドルで利用できるプロライセンスがあります。

最初のバイトまでの時間（TTFB）よくある質問

これまでに、TTFBの重要性、それを測定する方法、およびそれを減らす方法をしっかりと理解していることを願っています。それでは、このメトリックに関して最もよくある質問のいくつかを見てみましょう。

TTFBは私のサイトの全体的なパフォーマンスにどのように適合しますか？

TTFBは、訪問者がサイトに到着してから、ブラウザがサーバーからデータの最初のバイトを受信するまでの時間を指します。つまり、ユーザーに対するサーバーの応答性を測定します。つまり、許容できる（読み取り：低）TTFBがないと、Webサイトの残りの部分の読み込みが遅くなります。

Webサイトのコンテンツが1秒未満で完全に読み込まれる場合でも、TTFBが4秒（4000ミリ秒）の場合、合計読み込み時間は約5秒です。

そのため、TTFBはUXとSEOで重要な役割を果たします。 Googleは、ウェブサイトのランク付け方法を検討する際に、TTFBを重要なデータポイントと見なしています。 TTFBに対して行う最適化は、FCPやLCPなどの他のページ速度メトリックに直接影響します。

TTFBを減らすための最良の方法は何ですか？

TTFBを削減するための単一のソリューションはありません。主な目標はサーバーの応答時間を短縮することであるため、上記で説明した方法を組み合わせて使用することをお勧めします。まず第一に、優れたパフォーマンスを備えた信頼できるホスティングプロバイダーがあることを確認してください。次に、サイトにCDNとキャッシュシステムを実装し、プラグインを最新の状態に保ち、サイトが応答をすばやく送信するのを遅らせる可能性のある不要なアドオンを削除します。

TTFBは、必ずしも軽量サイトを使用することに基づいているわけではありませんが、軽量サイトを使用すると、最初のバイトをすばやく送り返すことができます。

結論

Webサイトの訪問者に高品質のエクスペリエンスを提供する場合は、サーバーの応答性が重要です。あなたのサイトが応答するのに時間がかかりすぎると、彼らがあなたのウェブサイトを放棄する可能性が高くなります。コンテンツがすばやく読み込まれる場合でも、読み込みを開始するのに数秒かかる場合は、ユーザーが途中で終了している可能性があります。これを防ぐには、TTFBに注意を払い、可能な限り低く保つための措置を講じることが重要です。

WordPressサイト用にTTFBを最適化することについて質問がありますか？ 以下のコメントセクションでお知らせください！

BestForBest /シャッターストック経由の注目の画像