dokasこんなニュースが届きました。なる属性が実装されたとのこと。これによって、ディスプレイサイズに合った画像を個別に指定できるようになりそうです。サイトでは、「レスポンシブデザイン」がよく用いられています。定義値を切り替えて、画面表示のさせ方見せ方を適宜変更させる方法です。(このブログでも採用しています。)その際、表示する画像の表示サイズも、変える(指定する)ことができます。変えることができるのは、あくまで表示サイズ。用の綺麗な写真をブログに載せたとします。見る用に、その写真はファイルサイズが大きな画像ファイル。用のその大きなファイルサイズの画像を同じように見ることになります。画面からはみ出しまくるので、写真を見られるよう、表示サイズを小さく指定します。まわりくどい言い方をしてますが、あたりまえのことですね。小さく表示するのにもかかわらず、ファイルの読み込み時間がかかる、大きなファイルを使わないといけないのです。サイトの表示パフォーマンスにおいて、これは結構大きな問題になります。画像ファイルの読み込み時間がブログの表示パフォーマンスに与える影響はかなり大きいです。評価にも影響するようです。要素(タグ)に、新しい「srcset」という属性を実装しました。こんな感じに使います。2x">解像度によって、通常とは異なる画像ファイルを指定することができます。時は小さめの画像ファイルを表示するよう指定することが可能になります。サイトの表示パフォーマンスを高めることができそう。使われるようになるかもしれません。画像ファイルを複数用意するのがちょっと大変そうだなと思わなくもないのですが、でも使ってみたらどんな感じになるのか、とても気になります。導入されたら、ぜひ使ってみたいです。最新情報をお届けします。