タイトルロゴ画像を加工しました。(htmlに埋め込みました)

アクセス集中対策の一環として、タイトルロゴ画像を各ページに埋め込む対応を行いました。

タイトルロゴのimgタグのsrcに同画像ファイルをbase64エンコードしたテキストを設定することで、ページのhtmlソースに画像ファイルを埋め込み、1つのアクセスで画像ファイルも読み込むことを可能としています。

ただし、Internet Explorer 8 未満のバージョンは未対応らしいので、従来通りタイトルロゴ画像にアクセスするよう条件判定しています。

同時にアクセスするファイル数を1つ削減できましたが、
タイトルロゴ画像は各ページに配置していましたので、ファイルアクセス数に占める割合は約1％ですが、若干の効果を期待しています。

同対応はPC版サイト、スマートフォン版サイトに適用しています。

対応方法概略

<!–#if expr=”$HTTP_USER_AGENT = /compatible; MSIE/” –>

<!–[if lt IE 8.0]>

<![endif]–>

<!–[if gte IE 8.0]>

<![endif]–>

<!–#else –>

<!–#endif –>

少しでも皆様のお役に立てれば幸いです。

お気付きの点に関しては掲示板へお願いいたします。