1714427256
2024-04-29 13:29:43
Web ページの読み込み時間と Web アプリでのユーザー アクションへの応答性は、ユーザー満足度の主な要因ですが、多くの場合、どちらもネットワーク遅延によって支配されます。
遅延自体は、ユーザーのインターネットへの接続 (Wifi、LTE、5G)、ユーザーが接続しているサーバーまでの距離、およびその間のネットワークの品質によって決まります。
レイテンシの数値自体は低いように見えますが、すぐに増加します。 たとえば、 ネットワークウォーターフォール 300 ミリ秒のリンク上の深さ 3 の場合、合計遅延は 900 ミリ秒になります。 のようなテクノロジー Reactサーバーコンポーネント ネットワーク ウォーターフォールをサーバーに移動すると、同じリクエスト パターンが 100 倍高速になる可能性があります。
|
メトリック |
見積もり |
メトリックへの影響 |
|---|---|---|
|
Wi-Fi からインターネットまでの遅延 Wi-Fi は接続に最小限の遅延を加えます。 これは、信号が弱い場合やハードウェアが古い場合に増加する可能性があります。 |
1～4ms |
|
|
5Gハイバンド（ミリ波） インターネットへの遅延 ミリ波は、最も速く導入されるモバイル テクノロジーです。 ただし、実際に使用できるのは、電波塔が見える距離にある密集した都市部でのみです。 |
1～5ms |
TTFB、FCP、LCP |
|
ユーザースペースあたりの予算 フレーム 1秒あたり60フレームの場合 60fps デバイスでは、フレームは 16 ミリ秒ごとにペイントされます。 ただし、デバイスが実際にフレームを処理するには時間がかかります。 ここでの時間は、コードが何を描画するかを計算するために利用できる時間です。 |
5～10ミリ秒 |
スムーズなフレームレート |
|
5G インターネットへのミッドバンド遅延 これは通常の 5G 遅延です。 信号が悪い場合やタワーが過負荷になっている場合は、エクスペリエンスが異なる場合があります。 |
10～30ミリ秒 |
TTFB、FCP、LCP |
|
同じクラウド リージョン内のサービスまたはデータベースへの往復遅延 これは、インターネットに接続せずに、近くに展開されている別のサービスへの遅延です。 |
10ミリ秒 |
TTFB、FCP、LCP |
|
LTE インターネットへの遅延 LTE (別名 4G 携帯電話ネットワーク) の一般的な遅延。 |
15～50ミリ秒 |
TTFB、FCP、LCP |
|
フレーム継続時間 1秒あたり60フレーム 60 フレーム/秒は、ディスプレイ デバイスで最も一般的なフレーム レートです。 ただし、一部の新しいデバイスは、90 fps や 120 fps などのより高いフレーム レートをサポートしています。 |
16ミリ秒 |
スムーズなフレームレート |
|
同じ大陸の他の都市への往復遅延 これは、ユーザーと同じ大陸のリージョンにデプロイした場合に予想される遅延です。 5,000 キロメートルの距離で計算されているため、実際の遅延は多少前後する可能性があります。 |
33ミリ秒 |
TTFB、FCP、LCP |
|
人間が時間の経過として認識する最も短い時間 ユーザー入力に応答する場合、この期間を下回ると、ユーザーは応答が即時であると認識することになります。 引用 |
40～80ミリ秒 |
|
|
1MBのCSSを解析するのにかかる時間 CSS の解析は、Web ページをレンダリングするためにブラウザーが実行する必要がある作業の一部です。 |
100ミリ秒 |
FCP、LCP |
|
1MB の HTML を解析する時間 HTML の解析は、Web ページをレンダリングするためにブラウザーが実行する必要がある作業の一部です。 短い Web ページでは無視できることが多いですが、非常に長い記事では大きな要因になる可能性があります。 |
120ミリ秒 |
FCP、LCP |
|
3G インターネットへの遅延 3G は、現在一般的に使用されている携帯電話規格の中で最も遅いです。 |
150ミリ秒 |
TTFB、FCP、LCP |
|
高品質のネットワークによる地球の反対側への往復遅延 (コールドポテトルーティング) これは、サービスを単一リージョンにデプロイする場合に発生する最悪の場合の遅延です。 |
150ミリ秒 |
TTFB、FCP、LCP |
|
1MBのJSを解析する時間 JavaScript の解析は、CSS や JS よりも速く増加することが多いため、ページの読み込み時間に大きな影響を与える可能性があります。 コード分割 JS サイズを最小限に抑えるための主要な手法です。 |
150ミリ秒 |
FCP、LCP、INP |
|
人間が鈍いと感じる時間の長さ ユーザー入力に反応する場合、この値よりも遅い応答は待機する必要があると認識されます。 200ms はしきい値でもあります INPでは「改善が必要」。 |
200ミリ秒 |
INP |
|
専用ファイバーを使用しない場合の地球の反対側への往復遅延 (ホットポテトルーティング) ユーザーが遠くのサーバーに直接接続する場合、または低コストの CDN を使用する場合、ユーザーの待ち時間は、可能な限り安価なパスを介してバイトを渡すことにより 2 倍になる可能性があります。 |
300ミリ秒 |
TTFB、FCP、LCP |
デバイスに依存する数値は、2023 年のハイエンド Android スマートフォンで測定されています。 ほとんどのラップトップは高速になり、iPhone も高速になり、他の多くのデバイスは低速になります。
に触発された ジェフ・ディーンさんの 「すべてのプログラマが知っておくべきレイテンシの数値」。 このような他の多くの数値については、を参照してください。 ナプキンの数学。
#すべてのフロントエンド開発者が知っておくべきレイテンシーの数値 #Vercel