-
ブラウザに URL を入力するか、他のリンクから Web ページを開いてから、Web ページ全体が読み込まれるまで、このプロセス中にブラウザはどのようなファイルを読み込むのでしょうか。まず、Web ページのどの部分が構成されているかを見てみましょう。の、1. Web ドキュメントは Web ページに表示されるテキストです。これは比較的小さな部分です。画像は、Web ページ全体で最も大きな部分を占めます。これは、Flash、プラグイン ビデオなどのオブジェクト要素です。 4. スクリプト。 . これは主に、Web ページの表示効果を制御する js ファイル、5、スタイル シートです。
Web ページのファイルが大きくなるほど、ブラウザがサーバーからページをダウンロードして表示するのにかかる時間が長くなります。これは Web サイトの SEO にとって非常に悪影響を及ぼします。具体的な内容については、SEM の「Web ページの読み込み速度が SEO 効果に与える影響」の記事を参照してください。この記事は、Web サイト自体が CMS の影響を受ける可能性もあります。ブラウザのステータス バーが常にリクエスト状態になることにも注意してください。したがって、Web サイトの場合、合計ファイル サイズには、上記のコンテンツ、HTML、外部 CSS、外部 JavaScript、および Web ページ上の画像、サウンド、ビデオ、フラッシュなどの一部のファイルのサイズが含まれます。 これらのファイルのうち、HTML、CSS、および Javascript はすべてテキスト ファイルです。ただし、これらのファイルは Web ページの作成後にフォーマットできます。ただし、最新の Web サーバーには、管理者が設定できるテキスト圧縮機能があります。
ただし、画像、サウンド、ビデオ、フラッシュなどのファイルは Web サイトの大部分を占めており、これらのファイルはテキスト ファイルよりもはるかに大きく、Web サイトを開くプロセスのダウンロード速度に影響を与える重要な要素です。
これは国内のB2Cモールのホームページのサイズです。
これはタオバオのホームページのサイズです
163 ホームページのサイズは、ポータル Web サイトと比較して、モール Web サイトのページは確かに比較的大きいです。上の写真は、Web 開発者に Web ページのサイズをチェックする機能があります。このツールは、Web サイトの技術的な分析に非常に役立ちます。また、Web サイトの基盤となるコードの分析、競合他社の Web サイトの分析など、多くの SEO が必要になります。
通常の状況では、各ページの適切なサイズはどれくらいですか? いわゆる専門家でも、この問題については一般的に意見が異なります。Web サイトにプロ品質のグラフィックスが必要な場合、今日のような「20k ルール」に準拠することは不可能です。 ECモールでは、写真の加工効果や販売手数料の感覚が異なります。たとえば、一部のWebサイトでは、ページをデザインするときに、ほとんどが写真で構成されています。小さな部分。国内のムーンバスモールなど、特別なトピックではありますが、全体像を多くの小さな部分に分割することで、ユーザーが Web ページを開いたときの Web ページの読み込みが速くなり、Web サイトを開く速度が向上します。想像してみてください。Web サイトが開くのに非常に時間がかかります。ユーザーをあまり長く待たせないでください。そうしないと、潜在的なユーザーや注文を失うことになります。
では、Web サイトの Web ページで体重を減らすために行う最善のことは何でしょうか?
1. CSS スタイル シートと JavaScript ファイルのほとんどを Web ページの外部ファイルに置き、別のファイルに記述し、Web サイトを初めて開いたときにのみこれらのファイルを参照してから読み込みます。そうすれば、Web サイトのどのページでも、これらのファイルを再ダウンロードすることなく再利用できます。これらのファイルはそれほど大きくないかもしれませんが、新しいページを開くたびにロードする必要がある場合は、ユーザーの帯域幅の節約にもなります。
2. 可能であれば、グラフィック、オーディオ、ビデオを別のページで使用するようにしてください。これらのファイルは、初めて使用するときにもロードされます。
3. 不要な画像、アニメーション、サウンドは使用しないでください。実用性のためでも、ウェブサイトの美しさを高めるためでも、各ファイルにはその存在理由がある必要があります。この写真のように、いくつかの画像は空白を埋めるために使用されます。取り外すことができます。
4. 大きなサイズの画像ではなく、小さなサイズの画像を使用するようにしてください。同じ状況では、画像のピクセルに対する高い要件がない場合は、小さい画像の方がダウンロードが速くなります。たとえば、gif 形式の画像を使用できます。たとえば、ショッピング モールの Web サイトによっては、背景として大きな画像を使用する代わりに、背景画像を小さなサイズで繰り返すことができ、テーマ ページの画像を小さなサイズの画像に切り取ることができるため、ページを開く速度が向上します。ウェブページ。
5. ナビゲーション ボタンの反転効果に画像の使用を最小限に抑えます。これは、逆に、テキスト リンクを使用する場合は、CSS を使用して反転を制御することで同じ効果を実現できます。
上記は基本的に、Web ページのサイズに影響を与える関連要素をリストしたものです。まだ見つかっていない要素もあるかもしれません。友人が Web ページの最適化に影響を与える要素をさらに見つけてくれることを願っています。
著者情報：劉雲偉ブログ
キットワーさんの貢献に感謝します