ホームページ >ウェブフロントエンド >jsチュートリアル >パフォーマンスの旅が始まります。 TTFB
www.ourwebsite.com と入力して作業を開始します。これにより、サーバーに get リクエストが送信され、ページの HTML が取得されます。したがって、最初のタスクは、この取得を高速化することです。
このステップは、TTFB、最初のバイトまでの時間というメトリクスによって示されます
TTFB は最も重要ではありませんが、最初のものであるため、今後のすべての指標に影響を与えることになります。
TTFB は、サーバー側でレンダリングされるアプリケーションよりも、クライアント側でレンダリングされるアプリケーションの方が重要です。クライアント側は、TTFB を設定する js ファイルに完全に依存しているためです。
すべてのサイトは TTFB が 0.8 秒以下になるよう努める必要があります。TTFB は Lighthouse またはその他のプロファイリング ツールで測定でき、「初期サーバー応答時間」として表示されます。
TTFB を最適化する方法は次のとおりです
ホスティング - 適切なホスティングプロバイダーを使用していることを確認し、十分なメモリ領域を割り当て、サーバー設定を構成してください。
静的ファイル、JS、HTML、CSS、画像の提供には CDN を使用します。
リソースを分割して送信します
レンダリングクリティカルなリソースに 103 Early Hints を送信する: "103 Early Hints ヘッダーは、バックエンドがマークアップの準備で忙しい間にサーバーがブラウザーに送信できる早期応答コードです。このヘッダーはヒントに使用できます。レンダリングに不可欠なリソースがあることをブラウザーに通知し、マークアップの準備中にページのダウンロードを開始する必要があります。」 Google、web.dev
以上がパフォーマンスの旅が始まります。 TTFBの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。