0

多数の画像と比較して、いずれかのdataURIの使用を(パフォーマンスのために)比較しようとしています。私が行ったことは、2つのテストを設定することです。

  1. 通常の画像WPT
  2. Base64WPT

これらの画像/リソースが「どのように」提供されているかを除けば、両方のページはまったく同じです。それぞれに対してWebPageTestを実行しました(上記のWPT)。base64の平均読み込み時間ははるかに高速ですが、通常のビューのキャッシュビューは高速です。リソースが適切にgzip圧縮されていることを確認するために、HTML5 Boilerplateの.htaccessを実装しましたが、ご覧のとおり、静的リソースをキャッシュしないためにbase64のFを取得しています(これが正しいかどうかはわかりません)。私がここで最終的に理解しようとしているのは、どちらがより良い方法であるかということです(議論のために、1つのページにその数のリソースがあると仮定します)。私が知っているいくつかのこと:

  1. base64のGETリクエストは大きい
  2. base64には1つのリソースがありますが、通常のリソースには300があります(ここでは、より大きなダウナーです...GETリクエストまたはリソースの数)?通常のものについて覚えておくべきことは、制限のために並列にロードできるリソースが非常に多いことです-そしてbase64の場合-実際にはHTMLが読み取れるまで待っているだけです-したがって、技術的にロードされるものはページ自体。

助けてくれて本当に感謝しています-ありがとう!

4

1 に答える 1

0

比較のために、複数のホスト名に分割されたイメージでテストを実行する必要があると思います。

別のオプションは、画像を論理セットにスプライトすることです。

BASE64 ルートをたどる場合は、おそらく、それらをクライアントにキャッシュする方法を見つける必要があります。

これらが使用を計画している画像である場合は、最適化の余地が十分にあります。例: http://yhmags.com/profile-test/img_scaled15/interior-flooring.jpg

これを PNG に変換し、ImageOptim で実行したところ、802 バイト (JPG の場合は 1.7KB) になりました。

イメージを最適化してから、複数のホスト名を含むテストを再実行します。

于 2012-05-03T15:41:00.787 に答える