1

ウェブサイトを最適化するとき、関連する再利用可能なビットをグループ化するために連結とスプライトを使用しましたが、ブラウザーに配信するためにアセットをどれだけパッケージ化するか、またはどれだけパッケージ化するか疑問に思うことがよくあります (自動化されたツールが常にビルド プロセスの一部であるとは限りません。私はそれらを好みますが）。

アセットを組み合わせてブラウザに配信する際に、ファイルサイズの領域に適切なガイドラインがあるかどうか興味があります。圧縮やキャッシュがないと仮定すると、AJAX の有無にかかわらず、サーバーからブラウザーへの単純な http 転送だけです。

  1. 推奨される最大最小ファイルサイズは?
    1kb と 2kb のデータが基本的に同じ速度で転送されるというパケット サイズのせいで (正しくない場合は申し訳ありません)、追加のバイトが転送速度に影響を与え始める一般的なしきい値が kb にあると聞いたことがあります。

  2. 転送速度はファイルサイズに比例して変化しますか、それとも段階的に変化しますか?
    最初の質問を拡張すると、1 キロバイトごとにかなり直線的に転送速度が向上しますか? それとも、パケットサイズの間隔で階段を上っていますか (これも不適切な言葉の選択かもしれません)?

  3. 最大サイズはあります
    か? 繰り返しますが、これに影響を与える文脈上の理由がたくさんあることは知っていますが、現在のネットワークやブラウザーを考えると、ファイルサイズが望ましくないほど大きくなったり、サーバーやネットワークに大きく依存したりすることはありますか? 良い一般化があれば、それが私が興味を持っているすべてです。

言うまでもありませんが、私はサーバー/ネットワークの専門家ではありません。資産の最適化における迅速な決定を導くための賢明なデフォルトを探しているフロントエンド開発者です。

4

1 に答える 1

3

サーバー、ネットワーク、およびクライアントに大きく依存します。

基本的な答えは常識です。数メガバイトのビットマップを送信しようとしないでください。そうしないと、他の数メガバイトのファイルをダウンロードしようとしているかのように、ページの読み込みに時間がかかります。一方、1 つのページに多数の PNG が存在することは、最近のほとんどのユーザーにはあまり目立ちません。あなたが要求したよりも計算の多い領域では、iframe を悪用して人々を他の Web ページのいくつかのステップにリダイレクトしないでください。

実際の送信に関する詳細情報が必要な場合、単一の TCP パケットの最大サイズは技術的には 64kB ですが、実際には単一のパケットで 1.5kB を超えて送信することはありません。ただし、TCP はストリームベースであるため、パケット サイズはほとんど関係ありません。最新のマシンの帯域幅にもっと関心を持つ必要があります。また、最近のビデオ アセット ストリーミングの効率性を考えると、圧縮されていないアセットをユーザーに配信することについて過度に心配する必要はないと思います。

実際の配信エラー (TCP 経由で修正する必要があります) の頻度が比較的低いため、最近のほとんどの Web ページのサイズに比べてパケット サイズが非常に小さいため、配信時間は合計サイズにほぼ比例して増加します (ここでも、1 つの巨大なファイルのように)。多段階の Web ページ配信について省略している詳細がいくつかありますが、資産数の多い Web ページを配信している場合、それらはほとんど無視されます。

編集：実際のhtml/jsファイルの転送に関する（タイトルの）懸念に対処するために、それらは単なるテキスト転送です。ブラウザーは、そのレンダリングとコード実行をすべて行います。単一の jpg がある場合、ページにある html/jsをほとんど覆い隠してしまいます。

転送サイズ: TCP 接続の最大パケット サイズ

httpの流れ（ざっくり）：http ://www.http.header.free.fr/http.html

基本的に、ページ全体を表すプライマリ html ドキュメントを取得すると (これは、ページにアクセスするための最初のリクエストからのものです)、画像またはスクリプトとして指定された他の URL を解析し、それらをサーバーからリクエストしてセッションに配信します。 . リンクされたページは古いですが、今でも関連性があり、(願わくば) 理解しやすいものです。

現代のユーザーの実際の帯域幅統計が必要な場合は、おそらく私が追跡するには多すぎます. しかし、さらに技術的な情報が必要な場合は、ウィキペディアの HTTP と TCP に関するページが非常に優れています。

于 2013-08-07T20:41:33.220 に答える