2016-08-12 5 views
1

Lazy Load pluginには、data-originalカスタム属性のイメージのsrcが記載されています。今すぐDOMが準備完了したら、data-original属性に記載されているリンクをsrc属性に転送します。私の質問はdata-src属性の画像がページの読み込みにダウンロードされていますか?

ブラウザがJavaScriptをsrc属性に転送した後にのみイメージをダウンロードしますか?または、data-original属性に記載されている画像は、ページをロードするだけでダウンロードされ、jsはDOMが準備完了した後にレンダリングするだけですか?

+0

javascriptがsrc属性にURLを転送した後にのみ、ブラウザが画像のダウンロードを開始します – bugwheels94

+0

@ user1533609問題はインラインの高さと幅です。何が良いのかは即座にイメージを 'src'でロードしてイメージの幅を取得し、完全にダウンロードする前にレイジーローディングを適用することです。 – user31782

答えて

2

属性名がsrcの場合のみ、ブラウザはソースをダウンロードします。データ属性はブラウザに特別な意味を持ちません。

+0

参考にしていただけますか? – user31782

+0

w3schoolsで十分でしょうか? http://www.w3schools.com/tags/att_global_data.asp - > ** "data-"という接頭辞が付いたカスタム属性は、ユーザーエージェントによって完全に無視されます。** –

関連する問題