6

空白を使用して html ドキュメントをインデントすることの全体的な影響は何かと考え始めました。

単純にタブを使用してインデントしないのはなぜですか? 1 文字 (\t) と 4 文字 (スペース) のほうが費用対効果が高いのではないでしょうか?

タブを使用するように asp.net-page を変換し、レンダリングされたマークアップのサイズを比較することで、ほとんど実験を行いませんでした。1 つの部分ビューの空白だけを置き換えることで、22kb サイズのページが 19.4kb に縮小されました -> 12% の縮小です。すべてのインデントを変更すると、ページは最終的に 16,7kb を割り当てました - 24% 削減! (検証には chrome dev tools と Fiddler を使用)

私の推論は正しいですか？HTML のインデントにはタブを使用する必要がありますか? スペースを使用する理由はありますか (エキゾチックなブラウザーとの互換性など)?

ps。Stackoverflow もスペースを使用しているようです。SO のメイン ページをタブを使用するように変換すると、9% 削減されました。これは有効な観察ですか？もしそうなら、なぜ彼らはタブを使わなかったのですか?

4

3 に答える 3

5

StackOverflow はHTTP 圧縮を使用します。これをオンにすると、スペースとタブの使用の違いが大幅に減少します。

信頼できる結果を得るには、圧縮されたバージョンに対してテストを実行する必要があります。

ただし、ブラウザがサーバーがサポートする圧縮スキームをサポートしていない場合については、ポイントがあります。

于 2011-12-30T10:47:48.273 に答える
2

まず、html にはインデントのルールがありません。これは、コードの読みやすさとプログラムの構造のためにプログラマーによって行われます。これまで以上 インデントや余白の占めるサイズを圧縮することで削減できます。

HTML の縮小/コンパクト化/圧縮 : HTML コードをコンパクト化すると、データを何バイトも節約し、ダウンロード、解析、および実行時間を短縮できます。

StackOverflow は HTTP 圧縮を使用します

HTML を縮小すると、CSS や JS を縮小するのと同じ利点があります。つまり、ネットワーク待ち時間の短縮、圧縮の強化、ブラウザの読み込みと実行の高速化です。さらに、HTML にはインライン JS コード (タグ内) とインライン CSS (タグ内) が含まれていることが多いため、これらも縮小すると便利です。

注:このルールは実験的なものであり、現在は HTML の厳密な整形式ではなく、サイズの縮小に重点が置かれています。ルールの将来のバージョンでも、正確性が考慮されます。現在の動作の詳細については、Page Speed wiki を参照してください。

ヒント: HTML ファイルを参照しているページに対して Page Speed を実行すると、ファイルに対して Page Speed HTML コンパクターが自動的に実行され (これにより、JSMin および cssmin.js がインライン JavaScript および CSS に適用されます)、縮小された出力がファイルに保存されます。構成可能なディレクトリ。

参照: http://code.google.com/speed/page-speed/docs/payload.html#MinifyHTML

于 2011-12-30T10:48:57.783 に答える
1

単純にタブを使用してインデントしないのはなぜですか? 1 文字 (\t) と 4 文字 (スペース) のほうが費用対効果が高いのではないでしょうか?

ダウンロードした HTML のサイズが心配な場合は、タブとスペースの違いにこだわる必要はありません — HTML が送信されるときに HTML を圧縮し、マークアップ、CSS、および Javascript を縮小します。独自のコーディング ガイドラインに干渉しないでください。

于 2011-12-30T10:49:03.357 に答える