パフォーマンスの旅が始まります。 TTFB
2024 年 7 月 31 日に公開
ブラウズ：233
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
リリースステートメント
この記事は次の場所に転載されています: https://dev.to/danish_ali_cdcbf83cbfb90b/starting-the-performance-journey-ttfb-5a9f?1 侵害がある場合は、[email protected] に連絡して削除してください。
最新のチュートリアル
もっと>
-
Matplotlib の「表示名も $DISPLAY 環境変数もありません」エラーを修正する方法"_tkinter.TclError: 表示名も $DISPLAY 環境変数もありません"このエラーは通常、Matplotlib を使用して Python スクリプトを実行するときに発生しますグラフィック表示のないサーバー上で。 Matplotlib はバックエンドに依存してプロ...プログラミング 2024 年 11 月 5 日に公開 -
Node.js を使用した最初のバックエンド アプリケーションWeb 開発を学習していて、Node.js プロジェクトの開始方法について混乱していませんか?心配しないでください、私はあなたを持っています！わずか 5 つのステップで Node.js と Express.js を使用して最初のバックエンドを作成する方法を説明します。 ?️5 つの重...プログラミング 2024 年 11 月 5 日に公開
-
CORS はクロスドメイン シナリオでプリフライト リクエストをいつ使用しますか?CORS: クロスドメイン リクエストの「プリフライト」リクエストを理解するクロスオリジン リソース共有 (CORS) が HTTP を作成する際に課題を引き起こすドメイン間のリクエスト。これらの制限に対処するために、回避策としてプリフライト リクエストが導入されました。プリフライト リクエストの説...プログラミング 2024 年 11 月 5 日に公開
-
PHP の glob() 関数を使用して拡張子でファイルをフィルタリングするにはどうすればよいですか?PHP での拡張子によるファイルのフィルタリングディレクトリを操作する場合、多くの場合、拡張子に基づいて特定のファイルを取得する必要があります。 PHP では、glob() 関数を使用してこのタスクを効率的に実行できます。拡張子でファイルをフィルターするには、次の構文を使用します。$files = ...プログラミング 2024 年 11 月 5 日に公開
-
JavaScript における Promise と Promise Chaining を理解する約束とは何ですか? JavaScript における Promise は、将来何かを行うという「約束」のようなものです。これは、非同期タスクの最終的な完了 (または失敗) とその結果の値を表すオブジェクトです。簡単に言えば、Promise は、まだ利用可能ではないが将来利用可能になる...プログラミング 2024 年 11 月 5 日に公開
-
キューインターフェイスを作成する文字キューのインターフェイスの作成。 開発される 3 つの実装: 固定サイズの線形キュー。 循環キュー (配列スペースを再利用)。 動的キュー (必要に応じて増加します)。 1 ICharQ.java というファイルを作成します。 // 文字キューインターフェイス. パブリック インターフェイス ...プログラミング 2024 年 11 月 5 日に公開
-
Pip の編集可能モードがローカル Python パッケージ開発に役立つのはどのような場合ですか?Pip を使用した Python でのローカル パッケージ開発の編集可能モードの活用Python のパッケージ管理エコシステムでは、Pip は '-e' (または'--editable') 特定のシナリオ用のオプション。このオプションを使用すると有利になるのはどのよう...プログラミング 2024 年 11 月 5 日に公開
-
ブラウザに URL を入力するとどうなりますか?ブラウザに URL を入力して Enter キーを押したときに、舞台裏で何が起こっているのか考えたことはありますか?このプロセスは想像よりも複雑で、いくつかのステップがシームレスに連携して、要求した Web ページを配信します。この記事では、URL の入力から完全に読み込まれた Web ページの表示...プログラミング 2024 年 11 月 5 日に公開
-
多数の小さな HashMap オブジェクトの「OutOfMemoryError: GC オーバーヘッド制限を超えました」を効果的に管理するにはどうすればよいですか?OutOfMemoryError: Handling Garbage Collection OverheadJava では、過剰な場合に「java.lang.OutOfMemoryError: GC オーバーヘッド制限を超えました」というエラーが発生しますSun のドキュメントによると、ガベージ コ...プログラミング 2024 年 11 月 5 日に公開
-
Python リストの初期化で [[]] * n を使用するとリストがリンクされるのはなぜですか?[[]] を使用したリストの初期化におけるリストのリンクの問題 * n[[]] を使用してリストのリストを初期化する場合 n、プログラマーは、リストが相互にリンクされているように見えるという予期せぬ問題に遭遇することがよくあります。これは、[x]n 構文が個別のリスト インスタンスを作成するのでは...プログラミング 2024 年 11 月 5 日に公開
-
Python を簡単に: 初心者から上級者まで |ブログPython Course Code Examples This is a Documentation of the python code i used and created , for learning python. Its easy to understand and L...プログラミング 2024 年 11 月 5 日に公開
-
TypeScript での型の絞り込みとガードの簡素化Introduction to Narrowing Concept Typescript documentation explains this topic really well. I am not going to copy and paste the same descrip...プログラミング 2024 年 11 月 5 日に公開
-
session_destroy() の代わりに session_unset() を使用する必要がある場合、またはその逆の場合はどうすればよいですか?PHP の session_unset() と session_destroy() の違いを理解するPHP 関数 session_unset() と session_destroy() は異なる目的を果たしますセッションデータの管理において。セッション変数のクリアにおける見かけの類似性にもかかわらず...プログラミング 2024 年 11 月 5 日に公開
-
C++ で INI ファイルを解析するための最適なアプローチを選択するには?C での INI ファイルの解析 : さまざまなアプローチのガイドC で初期化 (INI) ファイルを扱うとき、開発者はよく次のような問題に遭遇します。これらのファイルを効率的に解析して必要な情報を抽出するという課題があります。この記事では、C で INI ファイルを解析するためのさまざまな方法を検...プログラミング 2024 年 11 月 5 日に公開
![Python リストの初期化で [[]] * n を使用するとリストがリンクされるのはなぜですか?](http://www.luping.net/uploads/20241021/17294774536715bb4d76111.jpg)
中国語を勉強する
- 1 「歩く」は中国語で何と言いますか？ 走路 中国語の発音、走路 中国語学習
- 2 「飛行機に乗る」は中国語で何と言いますか？ 坐飞机 中国語の発音、坐飞机 中国語学習
- 3 「電車に乗る」は中国語で何と言いますか？ 坐火车 中国語の発音、坐火车 中国語学習
- 4 「バスに乗る」は中国語で何と言いますか？ 坐车 中国語の発音、坐车 中国語学習
- 5 中国語でドライブは何と言うでしょう？ 开车 中国語の発音、开车 中国語学習
- 6 水泳は中国語で何と言うでしょう？ 游泳 中国語の発音、游泳 中国語学習
- 7 中国語で自転車に乗るってなんて言うの？ 骑自行车 中国語の発音、骑自行车 中国語学習
- 8 中国語で挨拶はなんて言うの？ 你好中国語の発音、你好中国語学習
- 9 中国語でありがとうってなんて言うの？ 谢谢中国語の発音、谢谢中国語学習
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
