今日のWebページはリッチコンテンツでいっぱいで、より多くの帯域幅を使用して完全にロードすることは間違いありませんが、GUIベースのブラウザの代わりにテキストベースのブラウザを使用すると、ネットワークトラフィックの削減に大きな違いがありますか?今日のスーパーユーザーのQ&A投稿には、好奇心旺盛な読者の質問に対する回答があります。
今日の質疑応答セッションは、コミュニティ主導のQ&AWebサイトのグループであるStackExchangeの下位区分であるSuperUserの好意で行われます。
Lynxブラウザのスクリーンショットの礼儀 ウィキペディア 。
質問
スーパーユーザーリーダーのPaulbは、テキストベースのブラウザが実際にネットワークトラフィックを削減できるかどうかを知りたがっています。
次のようなテキストベースのブラウザを実行します リンクス 、 リンク 、および ELinks Firefox、Chrome、Internet ExplorerなどのGUIベースのブラウザよりも少ない帯域幅を消費しますか?
トラフィックの減少はないと思います。これについての私の理論的根拠は、テキストベースのブラウザがサーバーによって提供されるページ全体をダウンロードすると思うということです。ページウィジェットの合理化または削減は、ローカルで行われます。
ほとんどのテキストベースのブラウザはページスクリプトやフラッシュファイルを実行しないため、トラフィックがいくらか減少する可能性があります。これにより、トラフィックが増える可能性があります。
テキストベースのブラウザは、ネットワークトラフィックの削減に顕著な違いをもたらすことができますか?
答え
スーパーユーザーの寄稿者であるgronostajが私たちに答えを持っています:
Webサーバーは、Webサイト全体を送信するのではなく、ブラウザーが要求するドキュメントを送信します。たとえば、google.comにアクセスすると、ブラウザはウェブサーバーにドキュメントgoogle.comを照会します。 Webサーバーはリクエストを処理し、HTMLコードを送り返します。
次に、ブラウザはWebサーバーが送信したものを確認します。この場合、これはHTML Webページであるため、ドキュメントを解析し、参照されているスクリプト、スタイルシート、画像、フォントなどを探します。
この段階で、ブラウザは元のドキュメントのダウンロードを終了しましたが、参照されているドキュメントはまだダウンロードされていません。そうするか、ダウンロードをスキップするかを選択できます。通常のブラウザは、最高の表示エクスペリエンスを得るために、参照されているすべてのドキュメントをダウンロードしようとします。広告ブロッカーがある場合( AdblockPlusのように )またはプライバシープラグイン( GhosteryやNoScriptのように )、それからそれはまたいくつかのリソースをブロックするかもしれません。
次に、ブラウザは参照されたドキュメントを1つずつダウンロードし、そのたびにWebサーバーに単一のリソースを明示的に要求します。 Googleの例では、ブラウザは次の参照を見つけます( それらのいくつかに名前を付けるだけです ):
- hっtps://wっw。ごおgぇ。こm/いまげs/srpr/ぉご11w。pんg (Googleロゴ)
- hっtps://wっw。ごおgぇ。こm/てxちんぷたっしsたんt/ちあ。pんg (キーボードアイコン)
- hっtps://っsl。gsたちc。こm/gb/いまげs/い1_3d265689。pんg (いくつかの結合された画像、ブラウザー要求の数を減らすために使用されるトリック。)
ブラウザとセッションは時間の経過とともに変化する可能性があるため、実際のファイルはユーザーごとに異なる場合があります。テキストベースのブラウザは、画像、Flashファイル、HTML5ビデオなどをダウンロードしないため、ダウンロードするデータが少なくなります。
@NathanOsmanは コメントの良い点 。小さな画像がHTMLドキュメントに直接埋め込まれている場合があり、その場合はダウンロードを避けられません。これは、リクエストの数を減らすために使用されるもう1つのトリックです。ただし、これらは非常に小さいので、base64でバイナリファイルをエンコードするオーバーヘッドが大きすぎます。 google.comにはそのような画像はほとんどありません( base64でエンコードされたサイズ/デコードされたサイズ ):
- 19×11ピクセルのキーボードアイコン(106バイト/ 76バイト)
- 28×38ピクセルのマイクアイコン(334バイト/ 248バイト)
- 1×1ピクセルの透明GIF(62バイト/ 43バイト)Google Chrome Dev Toolsの[リソース]タブに表示されますが、ソースコードで見つかりませんでした(おそらく後でJavaScriptで追加されます)。
- 2回表示される1×1ピクセルの破損したGIFファイル。 (34バイト/ 23バイト)その目的は私には謎です。
説明に追加するものがありますか?コメントで音を立ててください。他の技術に精通したStackExchangeユーザーからの回答をもっと読みたいですか? ここで完全なディスカッションスレッドをチェックしてください 。