Webページのサイズを決定する方法
私はwebページのサイズについて多くのことを話します。 しかしそれはどういう意味ですか？ 私は説明し、あなたがそれを自分でチェックする方法を示しましょう。
webページのサイズは、ページを表示するためにロードされるファイルのサイズです。 転送されたサイズとファイルの実際のサイズ（解凍、たとえば）には違いがあるかもしれませんが、これについての詳細は”making of”投稿で見つけることがで,
webページのサイズを確認するには、次の2つの方法があります。
- オンラインツールを使用する
- ブラウザのコンソールを使用する
両方を詳しく見てみましょう。
オンラインで確認してください
webページのサイズを確認するオンラインツールがあります。 たとえば、https://tools.pingdom.comを使用して行うことができます。 チェックしたいページのURLを入力または貼り付けると、そこに行きます。 多くのデータが取得され、その中にはページのサイズが含まれています。
私はこのページのためにこれをしました、そしてそれは私に23kbを与えました。, 正確な値は、ツールと以下の第二の方法で異なる場合があります。 しかし、特に大きなページでは、違いは比較的小さくなります。 それが小さいか大きいページであるかどうかよい考えを有する。
ブラウザで確認してください
これはより複雑で、ブラウザによって異なる動作をすることがあります。 私はしかし、プロセスをご案内します。
- まずはお忍びで行きましょう。 あなたはまた、ものをロードし、ブラウザにいくつかの拡張機能やアドオンを持っている, 彼らは通常、シークレットモードでオフです。
- マウスで右クリックし、オプションInspect elementまたは類似のものを選択します。 これにより、webページのHTML構造に関する情報を含む追加のウィンドウやサイドバーが開きます。
- 追加ウィンドウにはいくつかのタブがあります。 ネットワークというものが必要です。 ブラウザのキャッシュを無効にしてください–通常、それはデフォルトです–ブラウザがすべてをきれいにロードします。
- ページを更新します。
- ウィンドウの下部には、あなたが探していた結果を見つけるでしょう。, おそらく2つの値があり、転送が特別なzip形式で行われているかどうかに応じて同じになる可能性があります。
- 転送サイズ：これは実際に転送され この金額はサーバーから転送されるため、これが最も影響を与えるため、これはあなたが知りたかったことです。
- リソースのサイズ：これは、ページを構築するために使用されるファイルの実際のサイズです。,
このページのサイズ
わかりました、これは一種の開始ですが、Google Chromeでこのページのファイルの転送サイズを確認しましたが、16kbになりました。 Firefoxでは23kb、Edgeでは13kbでした。 特に小さなページサイズでは、大きな違いがあります。 一部のブラウザで負荷の一部資産としません。 Firefox負荷例えば、2つの追加の画像を使っていただけるようホーム画面を訪問します。, それにもかかわらず、2000kb以上の中央値に対するページサイズについてのアイデアを得ることができます。
いくつかの実際の例
今、いくつかの実際の例。 人気サイト5社（とグリーンピース）のホームページの転送サイズをチェックしました。 私はスクロールせずにデスクトップコンピュータ上でGoogle Chromeを使用して、第二の方法を,
| 380 kb | |
| Youtube | 2400 kb |
| Amazon | 3600 kb |
| New York Times | 5800 kb |
| Time Magazine | 4100 kb |
| Greenpeace | 3200 kb |
Most pages are quite large.
Of course, they contain a lot of images and scripts, but even Google’s search page is 380 kb., これは、訪問するたびにgoogle.com、0.21gのCO2eが大気中に放出される。 Webページの炭素排出についての詳細はこちらをご覧ください。
私はあなたが他の、より大きなページのための数学をやってみましょう。 これが私がページサイズが重要だと信じる理由です。
このページは約18kbで読み込まれます。
