2012-04-08 5 views
-1

HTMLページに画像が必要です。どのようにして最適なパフォーマンスが得られるのか、私は不思議に思います。私は画像をロードする2つのオプションがあります。画像を読み込むための高速性能基準はどれですか?

  1. イメージタグを使用してイメージを直接HTMLのdiv内にロードします。
  2. cssの背景を使用して背景をdivにする画像を取得します。
+0

また、 'data:uri'(両方とも' html'と 'css'内)で読み込むことができます。 両方のイメージがブラウザによって読み込まれ、キャッシュされます。あなたは何を "最適化"していますか? – neoascetic

+0

私はイメージを読み込む方法を求めていません。私はそれを行う方法の束を知っています。私はどのメソッドがこのメソッドの中で読み込むのにかかる時間が短いかを尋ねています。 – Ajay

+1

なぜ違いがあると思いますか?実験的にそこに存在することが分かりましたか?たとえば、1つのメソッドでどれくらいの時間がかかるかを測定した後、HTMLを他のメソッドに変更して、それをはるかに高速で見つけましたか?間にキャッシュをクリアしないで? –

答えて

0

これは、少なくとも違いがあった場合、それほど気付かないほど小さいでしょう。

速度の大部分は、CSSの背景に設定されているか、マークアップに直接配置されているかにかかわらず、画像のサイズにほとんど依存します。私はこれがあなたの質問に答えていると思いますが、それはかなり曖昧です。

関連する問題