www.ourwebsite.com と入力して旅を開始します。これにより、ページの HTML を取得するためにサーバーに get リクエストが送信されます。したがって、最初のタスクは、この取得を高速化することです。

このステップはメトリクスによって示されます - TTFB、最初のバイトまでの時間

TTFB は最も重要ではありませんが、最初のものであるということは、今後のすべての指標に影響を与えることを意味します。

TTFB は、クライアント側が設定する js ファイルに完全に依存しているため、サーバー側でレンダリングされるアプリケーションよりもクライアント側でレンダリングされるアプリケーションの方が重要です。

すべてのサイトは TTFB が 0.8 秒以下になるよう努める必要があります。TTFB は Lighthouse またはその他のプロファイリング ツールで測定でき、「初期サーバー応答時間」として表示されます。

TTFB を最適化する方法は次のとおりです

• ホスティング - 適切なホスティング プロバイダーを使用していることを確認し、十分なメモリ領域を割り当て、サーバー設定を構成してください。

• 静的ファイル、JS、HTML、CSS、画像の提供には CDN を使用します。

• リソースを分割して送信します

• レンダリングクリティカルなリソースに 103 Early Hints を送信: "103 Early Hints ヘッダーは、バックエンドがマークアップの準備で忙しい間にサーバーがブラウザーに送信できる早期応答コードです。このヘッダーはヒントに使用できます。レンダリングに不可欠なリソースがあることをブラウザーに通知し、マークアップの準備中にページのダウンロードを開始する必要があります。」 Google、web.dev