HTTP Archiveが分析したURLは、デスクトップ向けが730万3959件、モバイル向けが1032万8202件です。転送量からみる各サイトのファイルサイズの中央値は、2022年7月時点でデスクトップ向けが2314.4KB(約2.26MB)、モバイル向けが2040.4KB(約1.99MB)となっています。ファイルサイズは年々増加傾向にあり、2020年3月にデスクトップ向けが初めて2MBを超えています。
ウェブサイト1ページ当たりのファイルサイズの中央値が2MBを突破 - GIGAZINE 2022
Googleの推奨は1.6M
合計バイトサイズを 1,600 KiB 未満に抑えるようにします。
https://developer.chrome.com/docs/lighthouse/performance/total-byte-weight?hl=ja
◆サイト情報(例)
ページ容量:8MB
1時間のアクセス数:12万上記のような条件のページだった場合、
▼1時間あたりの転送量
(アクセス数) × (ページ容量) = (1時間あたりの転送量)
12万 × 8MB = 960,000MB = 960GBこちらを3600秒(1時間)で割ると1秒あたりの転送量が分かります。
▼1秒あたりの転送量
(1時間あたりの転送量) ÷ (1時間(秒)) = (1秒あたりの転送量)
960GB ÷ 3600秒 = 0.266GB/sec = 266MB/sec = 2.1Gbit/sec(bps)
srcset属性を使ったレスポンシブ画像
画像の利用可能なサイズをsrcset 属性に含めることで、ブラウザが一番適切なサイズをダウンロードし、その他のサイズを無視します。このコード例を見てみましょう。
パフォーマンスを考慮して画像を最適化する方法 2023