ID:RQKTe1 さんの質問

HTML5のsrcset属性は、画面サイズによって表示する画像を切り替えることができますが、これは画面サイズによって表示に必要な画像のみを読み込んでいるのでしょうか?用意された画像を表示しない文も読み込んでいるのでしょうか?

みんなの回答 2 件

ID:4AVqBL さんの回答

ブラウザの検証ツールを使用します。
chromeなら「表示」→「開発/管理」→「デベロッパーツール」から、Networkを選択した後にページの再読み込みを行うと、読み込んでいるcssやimgが表示されるので、そこで読み込んでいるかいないかの確認ができます。

ID:RQKTe1

返信ありがとうございます。コードを見る限りでは不要なものは読み込んでいないようですね。

ID:RQKTe1 さんの回答

自己解決しました。srcsetの仕様として必要な画像のみ読み込むようです。

HTMLのsrcsetを使って画像をレスポンシブにRetina対応させてみよう | Kia King

http://kia-king.com/blog/tutorial/responsive-images-with-srcset/
最終更新日:2016-12-12 (781 views)

関連するトピックス

ページ上部に戻る