0

私の友人は、私がこのツールで作成した Web サイトをhttp://analyze.websiteoptimization.com/に公開しました。彼が私に戻ってきたとき、彼は私のブラウザがサイトのホームページだけに大量の無関係な画像をプリロードしていると主張しました.

私は彼に戻ってきて、YSlow (およびブラウザの他の「ネットワーク」タブ) は、具体的に表示された画像とコンテンツのみがホームページに読み込まれることを証明していると主張しました。そのサイトからの統計は、サイトを完全に訪問し、必要なすべての画像をダウンロードするためだけのものであると私は主張しました.

しかし、一部のブラウザー (IE など) は関係のないコンテンツをプリロードすると考えているため、彼は確信していません。そのため、彼はグローバルな CSS スタイルシートを使用し、別のスタイルシートを読み込んで個々のページに変更を適用します。

サーバーへのリクエストを追加するのではなく、最小限に抑えることがベスト プラクティスであると考えたので、CSS スプライトを用意しました。また、ページを表示するために必要でない限り、ブラウザは画像をロードしないと思いました。

健全な議論なしに答えを受け入れることはできないと思います。

  • ブラウザがすべてのページにすべてをロードしていないという点で、私は正しいですか?
  • 上記のツールは間違っていますか？
  • 私の友人がツールの結果から学んだ教訓は間違っていますか?

ありがとう。

4

2 に答える 2

1

ブラウザーは通常、ページに実際に表示されているものだけを読み込みます。(ただし、Opera Mini などの一部の特殊なブラウザーでは例外がある場合があります。)

WebSiteOptimization ツールは、ページで実際に使用されている画像ではなく、HTML および CSS で参照されている画像のみを調べます。

8 つの異なる背景画像がランダムに選択されて 1 つずつ表示される自分の Web ページを分析すると、CSS にあるという理由だけで、ツールは 8 つの画像すべてが読み込まれていると表示します。Firebug および IE 開発者ツールでネットワーク トラフィックをチェックすると、そうではないことがわかります。

于 2012-09-17T19:50:19.810 に答える
-1

私によると

ブラウザはキャッシュされた画像を時々ロードしますが、新しい更新では画像が変更されたかどうかを確認できます。また、コーダーがブラウザのキャッシュを許可するかどうかを設定できる権限もあります。より優れたツールであるyslow またはGoogle ページ速度を使用している場合は、control+f5 を使用してページを更新し、オフライン ファイルなしでサイトが強制的に再読み込みされるようにしてください。設定に基づいてブラウザのアクセス許可を設定することもできます。

css プロパティが非表示の場合でも、ブラウザはコードにリンクされているすべての画像をロードする最後の行について少し追加したいと思います。

常に最初に img タグを読み込み、次に css コードのすべての画像を読み込みます。

また、画像リクエストを順番に処理します。つまり、先着順サーバーです。

これが助けになることを願っています。

于 2012-09-17T19:16:49.710 に答える