HTML5のsrcset属性は、画面サイズによって表示する画像を切り替えることができますが、これは画面サイズによって表示に必要な画像のみを読み込んでいるのでしょうか?用意された画像を表示しない文も読み込んでいるのでしょうか?
ブラウザの検証ツールを使用します。chromeなら「表示」→「開発/管理」→「デベロッパーツール」から、Networkを選択した後にページの再読み込みを行うと、読み込んでいるcssやimgが表示されるので、そこで読み込んでいるかいないかの確認ができます。
返信ありがとうございます。コードを見る限りでは不要なものは読み込んでいないようですね。
自己解決しました。srcsetの仕様として必要な画像のみ読み込むようです。
みんなの回答 2 件
ブラウザの検証ツールを使用します。
chromeなら「表示」→「開発/管理」→「デベロッパーツール」から、Networkを選択した後にページの再読み込みを行うと、読み込んでいるcssやimgが表示されるので、そこで読み込んでいるかいないかの確認ができます。
自己解決しました。srcsetの仕様として必要な画像のみ読み込むようです。
HTMLのsrcsetを使って画像をレスポンシブにRetina対応させてみよう | Kia King
http://kia-king.com/blog/tutorial/responsive-images-with-srcset/関連するトピックス