YY Quant(山岸ラボ)

トップ / 記事 / Web の移り変わり

棚 05 Web の移り変わり

Web のページは、10 年で 3 倍重くなった

スマホ向けのトップページの重さは、845 KB から 2,559 KB へ。重さの中身と、軽く作る方法を書きます。

公開:2026 年 10 月 10 日

先に答えスマホ向けのトップページの重さは、まんなかの値で、2015 年 7 月に 845 KB、2025 年 7 月に 2,559 KB でした(HTTP Archive の Web Almanac 2025)。10 年で 3.0 倍です。重さの 6 割は、画像と、動きの仕組み(JavaScript)が占めています。文そのもの(HTML)は 22 KB で、全体の 1% ほどです。

この記事の要点

  • 現実スマホ向けのトップページは、10 年で 845 KB から 2,559 KB へ。パソコン向けは 2,862 KB です。
  • 意味重くなったのは、文が増えたからではありません。画像と、動きの仕組みが増えたからです。
  • 考え方「機能を足す」から、「要らないものを、入れない」へ。
  • やること自分のサイトの重さを測る、画像を小さくする、使っていない仕組みを外す、字の形を絞る。
  • 結論軽いサイトは、少数派になりました。軽いことが、そのまま違いになります。

Web のページは、どれだけ重くなったのか。

世界の多くのサイトを定期的に記録している HTTP Archive が、毎年、Web の状態をまとめています。2025 年の版によると、トップページの重さのまんなかの値は、パソコン向けで 2,862 KB、スマホ向けで 2,559 KB でした。

スマホ向けは、2015 年 7 月には 845 KB でした。10 年で、202.8% 増えています。3.0 倍です。

重いほうから 1 割のページは、スマホ向けで 8,337 KB を超えます。

重さの中身は、何か。

スマホ向けのトップページの、重さの中身(まんなかの値)

2025 年 7 月。種類ごとのまんなかの値なので、足しても全体のまんなかの値とは合いません。

画像911 KB
JavaScript(動きの仕組み)632 KB
字の形(フォント)122 KB
見た目の決まり(CSS)77 KB
HTML(文そのもの)22 KB

出どころ:HTTP Archive「Web Almanac 2025」

画像が 911 KB、動きの仕組みが 632 KB。この二つで、全体の 6 割です。文そのものは 22 KB しか在りません。

読む人が求めているのは、たいてい、文と数字です。その部分は、全体の 1% ほどです。

重いと、何が困るのか。

スマホでネットを使う時間は、平日で 120.5 分。パソコンの 50.3 分の 2.4 倍です(総務省の令和 7 年度の調査)。ページは、まずスマホで開かれます。電波の弱い場所でも、開かれます。

Web Almanac は、こう書いています。読み込むための通信の量を払えない人にとって、そのサイトは、使えないのと同じだ、と。

Google も、使う人にとってよいページにすることを、基本の一つに挙げています。

軽く作るには、どうすればよいのか。

一つめ:まず、測る

自分のサイトを開き、ブラウザーの開発者向けの画面で、読み込んだ量を見ます。まんなかの値(スマホで 2,559 KB)より重いか、軽いか。ここから始めます。

二つめ:画像を、小さくする

重さのいちばん大きな部分です。画面に出る大きさに合わせて縮め、軽い形式で保存します。飾りのための大きな写真は、本当に要るかを考えます。

三つめ:使っていない仕組みを、外す

足した部品は、使わなくなっても、読み込まれ続けます。年に一度、何を読み込んでいるかを数えます。

四つめ:字の形を、絞る

字の形のファイルは、まんなかの値で 122 KB です。太さや種類を増やすと、すぐに増えます。

このサイトは、どうしているのか。

このサイトのトップページは、文と、見た目の決まりと、動きの仕組みを合わせて 45 KB ほどです(字の形の読み込みは別です)。写真を使わず、図は数字から直接描いています。データベースも使っていません。

同じ作りが、どの商売にも合うわけでは、ありません。写真が要る商売も在ります。ただ、要らないものを入れないことは、どのサイトでもできます。

この数字を読むときの注意

  • 世界のサイトのトップページを記録した数字です。日本だけの数字では、ありません。
  • 種類ごとの数字は、それぞれのまんなかの値です。
  • このサイトの重さは、ファイルの大きさを足したもので、通信のときの量とは少し違います。

よくある質問

自分のサイトの重さは、どうやって測りますか。
パソコンのブラウザーでサイトを開き、開発者向けの画面の「ネットワーク」の欄を見ると、読み込んだ量の合計が出ます。むずかしければ、作った人に聞いてください。
写真が多い商売は、どうすればよいですか。
写真をやめる必要は、ありません。大きさを画面に合わせ、軽い形式にし、画面に見えてから読み込む設定にすると、同じ見た目で、ずっと軽くなります。
軽くすると、検索で上に出ますか。
それだけで順位が上がるとは言えません。確かなのは、開く前に閉じる人が減ることです。

同じ棚の記事

出どころ