TTFBの重要性–コアWebバイタルについて誰も考えていない最も重要な指標

TTFB。 Facebookに投稿する時間ですか？ 小さなトッツサッカー？ 食物繊維パンにマグロとトマト？ あなたはそのオープンフェイスのマグロとトマトのサンドイッチについて考えてかなり暖かかった。 もちろん、TTFBは「最初のバイトまでの時間」です。 あなたはいつもそれを知っていました。 私たちもそうしました、それはサムの「ウィッチフードトラックが引き上げられただけで、ここでのランチタイムです。

TTFBとは何ですか？それは私のWebサイトにどのように影響しますか？

「最初のバイトまでの時間」（TTFBまたは最初のバイト時間）は、完全にロードされたWebサイトに向かう途中で測定できる最初の値のひとつであり、DNS、ソケット、およびSSLネゴシエーションに必要なサーバーの応答時間を表します（握手）。 あなたがあなたのウェブサイトのグーグルコアウェブバイタルを測定しているなら、TTFBは一種の大きなものです。

「バイト？ 握手？ ウェブサイトの読み込みを速くしたいだけです。 サイトを最適化しました。 プラグインを持っています。 行ってもいいはずです。」 あなたがサーバー技術者でないなら、最近のウェブサイトホスティングの舞台裏で起こっていることの多くは、SpaceXがそれらを管理しているように思えます。 わかりました。 しかし、考えてみてください。SpaceXでさえ、カプセルの再突入にパラシュートを使用しており、それはかなり基本に戻っています。

あなたの顧客の前にあなたのウェブサイトを手に入れることはあなたのピザを配達させるようなものです。 ソファで身も凍るように、Netflixを見ながら、お腹を空かせてパイを注文します。 その後間もなく、ドアベルが鳴ります。 簡単ですよね？ 常に起こります。 注文してから2時間後にピザが届いた場合はどうなりますか？ そして、あなたはただ1つのピザを注文しているのではなく、あなたと一緒に冷やしているダースまたは2人の人々ごとに1つ注文しているのです。 それがエージェンシーライフです。 それが、多数のサイトを運営していることの意味です。

クライアントのWebサイトは、検索（SEO）してスクロール（UXおよびUI）するだけでなく、エンドユーザーに時間どおりに配信する必要があります。 多くのことがそのプロセスを遅くする可能性があります。 Webサイトの読み込み時間は、そのプロセスの最初のステップです。これは、クライアントのWebサイト（またはすべての顧客）の速度を低下させるものの1つであってはなりません。

まだ雲の中に？ バックアップしましょう。

グーグルのコアウェブバイタルはウェブサイトの速度と何の関係があるのか​​？

Googleは2020年5月にコアウェブバイタルについて話し始め、2021年6月に立ち上げました。私たちはそれらについて多くのことを聞いており、おそらくすでにウェブサイトの読み込みを速くし、ユーザーのニーズに関連し、環境に配慮するように努力しています。グーグルからの光でしょ？

Core Web Vitalsは、読み込みが速いWebサイトだけではなく、配信するWebサイトに関するものです。 それはすべてUXに帰着します—人々が彼らが必要とすることをすることができるようにあなたのウェブサイトを速くロードさせること。

Core Web Vitalsは、「注文する」をクリックするとすぐにピザが配達されるようにするだけでなく、おいしいピザも提供できるように努めています。

GoogleのコアWebバイタルは3つのことを測定します：有用性、使いやすさ、そして喜び

• 最大のコンテンツフルペイント（LCP）–読み込み時間：Webサイトが有用であることをユーザーに安心させます。 これには2500ミリ秒未満かかるはずです。 サーバーが接続するまでロードできません。

• First Input Delay（FID）–双方向性：Webサイトが使用可能であることを保証します。 これには100ミリ秒未満かかるはずです。

• 累積レイアウトシフト（CLS）– Webサイトの移動：Webサイトが快適であることを保証します。 このスコアは0.1未満である必要があります。

Google Core Web Vitalsのウェブサイトを測定したいですか？

では、TTFBとコアWebバイタルの関係は何ですか？

あなたのピザのように—厚い皮、余分な安っぽいですよね？ —配信は完全な話ではありません。 ピザ体験はそれだけではありません。 エンドユーザーにとってもあなたのウェブサイトはそうです。

Core Web Vitalsの他に、個別に検討する必要のある別の用語があります。それは、GoogleWebVitalsまたは単にWebVitalsと呼ばれるものです。 Web Vitalsには、上記のCore Web Vitalsに加えて、次のメトリックが含まれています。

First Contentful Paint（FCP）

FCPは、Webページの読み込みを開始してから、画面に最初のコンテンツが表示されるまでの時間です。 このコンテンツには、テキスト、画像（背景画像を含む）、およびWebサイトを優れたものにするすべてのコンテンツが含まれます。 ここでは900ミリ秒が適切な速度です。

総ブロッキング時間（TBT）

TBTは、First Contentful Paint（FCP）とTime to Interactive（TTI）の間の期間を測定します。 これは、たとえば、ブラウザの反応の遅延を測定するために使用できます。 TBTは300ミリ秒未満である必要があります。

インタラクティブまでの時間（TTI）

TTIは、Webページの読み込みを開始してから、最も重要なサブリソース（サードパーティのリソースなど）が読み込まれ、ページがユーザー入力にすばやく応答できるようになるまでにかかる時間を示します。 2400ミリ秒が適切な速度です。

次のペイントへの相互作用（INP）

INPは、ユーザーがページにアクセスしたときに発生する単一の最長のインタラクションの1つを選択することにより、ページの全体的なインタラクションレイテンシを表すことを目的とした新しいメトリックです。 インタラクションの合計が50未満のページの場合、INPはレイテンシが最も低いインタラクションです。 多くのインタラクションがあるページの場合、INPはほとんどの場合インタラクションレイテンシの98パーセンタイルです。

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

TTFBは、ブラウザがページコンテンツの最初のバイトを受信するまでに経過する時間を示します。 サーバーからそのデータを取得するのに時間がかかるほど、Webページを表示するのに時間がかかります。 TTFBを200ミリ秒未満に保つことをお勧めします。 Rocketでは、特定の場所にネットワークの問題がない限り、プラットフォームの世界平均TTFBが100ミリ秒未満であることを誇りに思っています。

TTFBの重要性は、Core Web Vitalsについて誰も考えていない最も重要なメトリックであり、事実上、Webサイトにとって最も重要なメトリックです。 なんで？ 一言で言えば、人々はせっかちです。

あなたの顧客があなたのウェブサイトがロードされるのを待っていないなら、彼らは去っています—そしてあなたのクライアントは彼らを顧客として失っています。 失った数や、戻ってくるかどうかさえわかりません。 とても簡単です。 そして、町には他にもたくさんのピザ配達場所があります。

「誰かがあなたのサイトを訪問して遅延に遭遇すると、訪問者がバウンスして他の場所に行き、必要なものを見つける可能性が大幅に高まります。 Googleによると、バウンス率の確率は、サイトの読み込みに1秒かかるごとに約32％増加します。 訪問者があなたのサイトから跳ね返ったとき、特に彼らが探しているものを別のはるかに高速なWebサイトで見つけた場合、彼らは戻ってくる可能性は低いです。 」

Rocket.net

TTFBの重要性と私のウェブサイトの読み込み時間を拡張できますか？

あなたが「ピザの配達時間」を考えていることは知っていますが、確かに！ これはおそらくあなたにとっての復習です。 ウェブサイトの読み込みが速いことを期待しています。 それが起こるためにあなたのウェブサイトは軽いはずです。 ただし、サーバーと顧客の携帯電話の間には多くの手順があります。

たとえば、URLバーにwww.yourwebsite.comと入力した場合、次の4つの手順を実行する必要があります。

• ブラウザはDNSサーバー（ドメインネームサーバー）に接続します。 ドメインネームサーバーは、ホスト名を番号ベースのIPアドレスに変換します。 たとえば、Webサイトは123.456.789.112になります。

• ブラウザはWebサイトのサーバーへの接続を確立します。 これは、住所に到着する前に異なる郵便センター間を移動するパッケージと同様に、いくつかの中間駅を経由して行われます。 うまくいけば、それはあなたのピザではありません。

• Webサイトが安全なSSLプロトコルを使用している場合（もちろん使用しています！そうですか？）、いわゆるハンドシェイクが行われます。 クライアントとサーバーが相互に識別し、暗号化された接続が確立されます。

• サーバーは、パケットに分割されたデータをクライアントに送信します。

ピザを配達のために発送する場合、さまざまな要因によってピザがいつ到着するかが決まります。 これらには、運送業者の速度とさまざまな配送センターでの処理時間が含まれます。これらの処理時間は、特定の容量（スタッフ、技術機器、オーブン、ピザ生地など）によって異なります。 そのドライバーやあなたの私道がいかに雑然としているかは言うまでもありません。

同様に、多くのパラメーターが最初のバイトまでの時間（TTFB）に影響を与えます。

ネットワーク速度–ネットワーク遅延とは、データパケットが送信者から受信者に移動するのにかかる時間を指します。 たとえば、ユーザーが忙しいWiFiホットスポット内でサーフィンをしている場合、通常は高く、TTFBが増加します。

DNSサーバーの応答時間– DNSサーバーが要求をゆっくり処理する場合、たとえば、要求が過負荷であるために、遅延も発生します。 一般に、DNSサーバーが物理的に離れているほど、IPアドレスの提供に時間がかかります。

サーバーの応答時間–クライアントが正しいサーバーとの接続を確立している場合、サーバーはデータを送信する必要があります。 ハードウェア容量が限られている場合（たとえば、RAMが少ない、CPUが不十分な場合）、このプロセスは遅くなります。 さらに、不要で古いプラグイン、反応の遅いデータベース、およびクリーンでないコードを備えた不適切に構成されたサーバーも、データ送信を遅らせます。

私たちのピザ配達ドライバーと同じように、彼らが取らなければならないステップが多ければ多いほど、私道の周りにたくさんのものが置かれ、彼らが運ばなければならないピザの数が多くなるほど、彼らはあなたの玄関に移動するのが遅くなります。

したがって、問題は常にクライアントポートフォリオの速度と機能の違いです。 もう選択する必要はありません。 WordPressのウェブサイト全体またはそのWooCommerceピザショップを、運転手のポケットに入れて持ち運べるほど小さく、ポルトガルのWordCamp Europeなどに餌をやるのに十分な大きさのパッケージにどのように詰め込むことができますか？

Webサイトの速度エクスペリエンスの問題を単独で解決する方法

あなたはあなたのウェブサイトの速度がユーザーエクスペリエンスからSEO、さらにはコンバージョン率に至るまですべてに大きな影響を与えることを知っています。 したがって、1つのオプションは、管理しているWebサイトの問題を自分で解決することです。 あなたはいつものようにこれをする可能性があります。 それはあなたのためにどのように働いていますか？

あなたがピザ配達会社なら、あなたはあなたの運転手に決して左折しないように言うことができます。 ラッシュアワーには絶対に配達しないでください。 前払いの注文のみを受け付けます。 多くの機関が実証済みの真の方法で作業しており、私たちはあなたに敬意を表します。 あなたがいなければ、私たちはここにいません。

管理対象のWebサイトの速度を向上させる方法はたくさんあります。

• CDN（コンテンツ配信ネットワーク）を使用する
• 画像を最適化する
• CSSおよびJavaScriptファイルを縮小する
• 可能であれば、HTTPリクエストの数を減らします
• ブラウザのHTTPキャッシングを使用する
• 外部スクリプトの包含を最小限に抑える
• 可能であれば、リダイレクトを使用しないでください

クライアントがWebサイトにWordPressを使用している場合、CMS内でそれらのWebサイトを高速化する標準的な方法もあります。

• 効率的なテーマを選択してください
• 必要に応じてページビルダーを使用する
• データベースをクリーンアップする
• 画像のサイズを最適化する
• キャッシュを使用する
• プログラムコードを最適化する
• あまり多くのプラグインを使用しないでください
• プラグインを多用せずに関数を拡張する

これはすべていじくり回しのように聞こえます！ おそらく他にやることがありますよね？ 実際、あなたはそうします。

Rocketプラットフォームで代理店のポートフォリオを管理する時間を節約

代理店の所有者として、あなたは他の誰よりも優れた1つのことを行うことに時間を費やします。これは、画像を最適化することよりもはるかに重要です。 あなたはあなたの顧客に仕えます。 あなたは彼らの問題の解決策を提供することに焦点を合わせます。 あなたは彼らを喜ばせることに集中します。 あなたは彼らの生活をより良くします！

それで、あなたは何ができますか？

マネージドWordPressホスティングは、特にホストを管理する必要がない場合に、クライアントポートフォリオに最適です。 高速で安全です。 マネージドホスティングは、重要なことに集中しながら、Webサイトのパフォーマンスとセキュリティを処理します。 「今すぐ注文」をクリックするとすぐに、おいしいチーズピザを顧客に届けるようなものです。

「メトリックを改善する方法に飛びつく前に、アプリケーションの現在の状態とボトルネックがどこにあるかを理解する必要があります。 変化を測定する方法を知ることは、私たちのイニシアチブから自信を得るための最も重要なステップです。 問題は、ルーティングインフラストラクチャからアプリケーションコードまでのどこかにある可能性があります。」

Dev.to

ロケットプラットフォームはあなたのエージェンシーに優位性を与えます

成功するビジネスには競争力が必要です。 ピザの場所の中には、チーズで縁を埋めるものもあれば、完全に上になるものもあります。これは、保持する縁がないため、奇妙なことです。 あなたのエッジは何ですか？

あなたはビットコインを受け入れますか？ 人々が自分の靴をオンラインでデザインできるようにしますか？ ドローンの配達はありますか？ AMP Webサイトを入手しましたか？ 実際、GoogleがCore Web Vitalsを導入して以来、AMPフォーマットの重要性は今後も低下していきます。

Rocket.netはあなたのエージェンシーにも優位性を提供します。 Cloudflare Edge Network .. Edgeサーバーは、インターネットを高速化するためにここにあります。つまり、Webサイトの読み込みが高速になります。 これは、ユーザーと訪問者を喜ばせることを意味します。 これは、中央の場所からピザを注文することを意味しますが、ピザは実際の場所に最も近い場所で焼かれ、配達されます。

「CDNプロバイダーは多くの場所にサーバーを配置しますが、最も重要なもののいくつかは、異なるネットワーク間のエッジにある接続ポイントです。 CDNエッジサーバーは、1つ以上のオリジンサーバーの負荷を軽減するために、コンテンツを戦略的な場所に保存（キャッシュ）します。」

Cloudflare

ケーススタディ：Twodotマーケティングがロケットプラットフォームを使用して顧客の読み込み時間を半分に短縮する方法

Rocketの前は、TwodotMarketingはさまざまなホスティング会社でWordPressWebサイトをホストしていました。 彼らは、彼らが求めていたクライアントのスピードとセキュリティを得ることができませんでした。

「サインアップしてから1時間以内に、最初のサイトを移行してもらい、感動しました。 ページ速度、最初のバイトまでの時間、および会社のWebサイトの全体的な応答性に大きな違いがあることにすぐに気付きました。 24時間後、すべてのお客様がRocketに住み、同じ大きなメリットを享受しました。」

Twodotマーケティングプレジデント/チーフストラテジスト、Josh Etheridge

そのピザの余分なチーズはどうですか？

GoogleのCoreWebVitalは更新されているため、コンテンツを可能な限り迅速かつ安全に配信することがこれまで以上に重要になっています。 簡単。 安全。 速い。 はい、3つすべてを持つことができます。 そして、一般的に高速であるだけでなく、特定のユーザーごとに最速です。 それがエッジの力です。

Cloudflare Enterpriseを搭載したRocket.netは、WordPressWebサイトとWooCommerceオンラインショップがすぐに利益を得るのに役立ちます。

• つまり、Webサイトは即座に事前構成されます。
• あなたのブーストされたウェブサイトの速度はより良いSEOランキングとより高いコンバージョンを提供します。
• そして、私たちのグローバルにキャッシュされた、ハッカーに強いホスティングであなたのウェブサイトは常にビジネスのために開かれています。

口で言うだけなら簡単です。 Rocketに、最速のWordPressホスティングが本当に意味するものを見せてもらいましょう！

サイトのパフォーマンス、代理店の時間、およびお金を節約しますか？ はい。 Rocket Platformには、有料バージョンのセキュリティ、画像最適化、CDN、およびJSコンテンツローダープラグインの必要性を排除する組み込み機能があります。 これらは、新しいお気に入りのプラットフォーム（以前はManaged WordPress Hostingと呼ばれていた製品）に組み込まれている機能です。

どこでも利用できる最速のWordPressホスティングであるRocket.netにサイトを移行する方法について話しましょう。 今日あなたのミッションを開始してください！