サイト全体のリクエスト数を減らすために、外部画像にリンクするのではなく、CSS データ URI を使用しています。何らかの理由で、これらのデータ URI がサーバーに対する 404 要求として記録されることがあります。なぜこれが起こるのでしょうか?
ランダム詳細:
- Splunkを使用して追跡しています
- 複数のデータ URI で発生する
- すべてのブラウザで発生
- サイト全体の複数のページ
- QA では問題を再現できませんでした
- 以下は、特定のデータ URI からの結果です。
- 関連する CSS ファイル - ( http://c.mfcreative.com/lib/tgn/combo.ashx?14/css/v1/main.css )
- 同じファイルの縮小版 - ( http://c.mfcreative.com/lib/tgn/combo.ashx?14/css/v1/main.css&minify=false 35行目を参照
関連する CSS:
body{background:#e2decd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGuCAIAAADeSvtRAAAAfUlEQVQ4y9WTzQ7AIAiD+fr+rzzYSeOWGP+z7MABwVJstYiQmf02zvP3yrk2442Gqvijb9LT34tJ7vVP5u/zTBzDP113n/eYCv3ec1IOLGjn1bu9+K0zQEad/4r/iMj8dvLfVqetfcsf5X6z/y7ieuVk/SU19wMesxMXQMANapSO6rYFQnIAAAAASUVORK5CYII=) repeat-x 0 0}
クエリを実行してすべての 404 エラーを表示します (上位 10 個の 404 エラーには 5 つのデータ URI があります)。
sourcetype=iis* host=prd*ssscdn* sc_status=404 | top 100 cs_uri_stem
以下の画像を生成したクエリ:
sourcetype=iis* host=prd*ssscdn* sc_status=404 cs_uri_stem="/lib/tgn/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGuCAIAAADeSvtRAAAAfUlEQVQ4y9WTzQ7AIAiD+fr+rzzYSeOWGP+z7MABwVJstYiQmf02zvP3yrk2442Gqvijb9LT34tJ7vVP5u/zTBzDP113n/eYCv3ec1IOLGjn1bu9+K0zQEad/4r/iMj8dvLfVqetfcsf5X6z/y7ieuVk/SU19wMesxMXQMANapSO6rYFQnIAAAAASUVORK5CYII="
どんな助け/指示も大歓迎です!
代替テキスト http://www.jasonbuckboyer.com/playground/blah/data-uri-404-error1.png