Page Size Checker | Bingo Web Rabbit

Page Size Checker


URLを入力



キャプチャ

ページサイズチェッカー

この無料ツールは、ウェブページの総転送サイズ(ブラウザがダウンロードする必要があるHTML、CSS、スクリプト、画像、その他のリソースの合計ウェイト)を推定します。ページが遅いと感じるとき、メディアを追加した後、または基本的なパフォーマンスレビューの際に使用してください。

クイックチェックの実行

Run a Quick Check
  1. 完全なページのURLを貼り付けます
  2. チェックをクリックします
  3. 合計サイズを確認します(通常はKBまたはMBで表示されます)
  4. 1つのURLだけでなく、サイト上の重要なページ同士を比較します

サイズが大きいことだけで問題があると証明されるわけではありませんが、何らかの最適化が必要である可能性を示す強いシグナルになります。

「ページサイズ」に実際に含まれるもの

誰かがURLを開いたとき、ブラウザはテキストだけをダウンロードするわけではありません。次のようなものも取得します:

  • HTMLドキュメント
  • スタイルシート(CSS)
  • JavaScriptファイル
  • 画像とアイコン
  • フォント
  • 埋め込みメディア
  • サードパーティ製スクリプト(アナリティクス、広告、ウィジェット、チャットツール)

ページサイズとは、これらすべてのリソースの合計です。容量が大きいページほど、特にモバイルネットワークにおいては、使用可能になるまでに時間がかかります。

ページウェイトが実際のユーザーに与える影響

ページの遅さはユーザーの集中力を削ぎます。

スマートフォンを使用しているユーザー、接続環境が弱いユーザー、またはデータ容量に制限のあるプランを利用しているユーザーが最初にその影響を受けます。高速なWi-Fi環境であっても、大きすぎる画像や多すぎるスクリプトは操作を遅らせる原因になります。

ビジネスやSEOの観点から見ると、過剰なページウェイトは多くの場合、以下のような形で表れます:

  • 直帰率の上昇
  • モバイル体験の低下
  • 主要ページでのコンバージョン低下
  • パフォーマンス目標(Core Web Vitals関連の指標を含む)の達成困難

検索エンジンが「小さいページ」をそれ自体の理由で評価するわけではありませんが、速度と使いやすさは重要であり、ページサイズはその両方に影響を与える要素の1つです。

ページが重くなりすぎる主な原因

一般的な原因 重量が増加する理由
最適化されていない画像 圧縮されずにアップロードされたフルサイズの写真
多すぎるスクリプト トラッカー、タグ、カルーセル、未使用のJS
大きな動画の埋め込み 自動再生または高ビットレートのメディア
容量の大きいテーマ・プラグイン すべてのページで読み込まれる追加のCSS/JS
縮小化されていないコード 必要以上に大きいCSS/JS
複数のフォントファイル 一度に読み込まれる複数の太さやファミリー

実際には、画像とサードパーティ製スクリプトが最も頻繁に問題を引き起こします。

実用的なサイズ目標(規則ではなくガイドライン)

すべてのサイトに当てはまる完璧な数値というものはありません。文脈が重要です。たとえば、写真のポートフォリオサイトはテキスト中心の記事よりも重くなります。

それでも、役立つ実用的なガイドラインは以下の通りです:

  • 主要なランディングページは、合理的に可能な限り軽量に保つ
  • メディアが不可欠でない限り、数MBあるページは警告信号として扱う
  • 大規模なデザイン、プラグイン、またはコンテンツの変更後に再チェックする
  • 類似のページタイプ同士を比較する(例:すべてのブログ記事、すべての商品ページなど)

1つの商品ページが他のページよりも劇的に重い場合は、何が追加されたのかを調査してください。

デザインを損なわずにページサイズを削減する方法

  1. アップロード前に画像を圧縮およびリサイズし、サポートされている場合はWebPなどのモダンなフォーマットを優先する
  2. ファーストビューより下の画像や重要度の低いメディアを遅延読み込み(遅延ローディング)する
  3. サイト全体で読み込まれている未使用のプラグインやスクリプトを削除する
  4. CSSとJavaScriptを縮小化(ミニファイ)し、使用していないライブラリの読み込みを避ける
  5. サードパーティ製タグを実際に必要なものだけに制限する
  6. フォントを効率的にホストし、使用する太さのものだけを読み込む
  7. 埋め込みを監査する — 1つの重いウィジェットが、他の部分での入念な最適化の効果を相殺してしまうことがある

意味のある変更を行うたびに、同じURLでチェッカーを再度実行してください。

ページサイズとフルスピードテストの違い

Page Size vs Full Speed Test

このツールはページがどれほど重いかに焦点を当てています。

フルスピードテスト(ラボデータまたはフィールドデータ)では、タイミング、レンダリング、インタラクションの指標も確認します。両方を使用してください:

  • ページサイズチェッカー → 重量の問題を素早く見つける
  • スピード / PageSpeedツール → 読み込みタイミングやユーザー中心の指標を理解する

修正内容が具体的であるため、通常はウェイト(重量)から対策を始めるのが最も簡単です。

よくある質問(FAQ)

ページサイズチェッカーは無料ですか?
はい。登録は不要です。

サイズの小さいページの方が必ず上位表示されますか?
自動的にそうなるわけではありません。サイズの小さいページは読み込みが速いことが多く、パフォーマンスの向上がSEOやコンバージョンを後押しすることはありますが、コンテンツの品質や関連性も依然として重要です。

なぜ予想よりもページが大きいのですか?
通常は画像、動画、またはサードパーティ製スクリプトが原因です。最近何が追加されたかを確認してください。

1回の測定結果を完全に信用してもよいですか?
有用な推定値として扱ってください。キャッシュ、CDNの動作、動的コンテンツにより、わずかな変動が生じる場合があります。

すべてのページを可能な限り小さくすべきですか?
空っぽにするのではなく、効率的することを目指してください。必要なメディアは残し、無駄を削ぎ落とします。

関連ツール

注意:結果はチェック時に検出されたリソースを反映しています。動的に読み込まれるコンテンツやパーソナライズされたアセットにより、実際のブラウザでユーザーが体感する最終的なウェイトが異なる場合があります。