ホームページ > ウェブフロントエンド > jsチュートリアル > パフォーマンスの旅が始まります。 TTFB

パフォーマンスの旅が始まります。 TTFB

PHPz
リリース: 2024-07-18 06:12:39
オリジナル
494 人が閲覧しました

Starting the performance journey. 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 サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート