コンテンツ効率の最適化

Google のウェブ アプリケーションは、その範囲、目標、機能が拡大し続けています。これは良いことです。しかし、より充実したウェブへの絶え間ない進展により、別の傾向が促進されています。各アプリケーションでダウンロードされるデータの量は着実なペースで増加し続けています。優れたパフォーマンスを実現するには、すべてのバイトの配信を最適化する必要があります。

最新のウェブ アプリケーションの実例HTTP Archive は、この質問に答えるのに役立ちます。このプロジェクトでは、最も人気のあるサイト(Alexa トップ 100 万リストから 30 万以上)を定期的にクロールし、個々の宛先のリソース数、コンテンツ タイプ、その他のメタデータに関する分析を記録および集計することで、ウェブがどのように構築されているかを追跡します。

HTTP アーカイブのトレンド

50 パーセンタイル 75 パーセンタイル 95 パーセンタイル
HTML 13 KB 26 KB 54 KB
画像 528 KB 1,213 KB 2,384 KB
JavaScript 207 KB 385 KB 587 KB
CSS 24 KB 53 KB 108 KB
Other 282 KB 308 KB 353 KB
合計 1,054 KB 1,985 KB 3,486 KB

上記のデータは、2013 年 1 月から 2014 年 1 月の間に、ウェブ上の人気ページにダウンロードされたバイト数の増加傾向を示しています。もちろん、どのサイトも同じ速度で成長するわけではなく、同じ量のデータを必要とするわけでもありません。そのため、分布内の異なる分位(50 番目(中央値)、75 番目、90 番目)に注目しています。

2014 年初頭の中央値のサイトは 75 件のリクエストで構成され、合計転送バイト数は 1, 054 KB に達し、合計バイト数(およびリクエスト)は前年を通して一定のペースで増加しています。これだけでも驚くべきことではありませんが、パフォーマンスに大きな影響があります。インターネットの速度は向上していますが、国によって速度は異なります。また、多くのユーザーは依然としてデータ量の上限や高額な従量制プランの対象です(特にモバイルの場合)。

デスクトップ版のアプリケーションとは異なり、ウェブ アプリケーションは個別のインストール プロセスを必要としません。URL を入力すると、すぐに稼働します。これがウェブの重要な機能です。しかし、これを実現するには、多くの場合、数十、時には数百のさまざまなリソースを取得する必要があります。そのすべてが合計するとメガバイト単位のデータになる可能性があり、目指しているウェブ エクスペリエンスを容易にするために数百ミリ秒で結合する必要があります。

これらの要件を踏まえてインスタント ウェブ エクスペリエンスを達成することは決して容易ではありません。そのため、コンテンツの効率を最適化することが非常に重要です。つまり、不要なダウンロードの排除、さまざまな圧縮技術による各リソースの転送エンコードの最適化、可能な限りのキャッシュ保存を活用して不要なダウンロードを排除することです。