遅延ロード画像のクローム75元のネイティブサポート

怠惰：4月6日、<IMG>や<iframe>の導入に彼のブログ投稿でアディOsmaniグーグルのChrome＆ウェブプラットフォームエンジニアリングマネージャは、ロードがプロパティを追加しますです。

次のように使用します。

< IMG SRC = "celebration.jpg" 読み込み= "怠惰" ALT = "..."  /> 
< IFRAME SRC = "ビデオ-player.html" ロード= "怠惰" > </ IFRAME >

ここでは例を示します。

<！ - オフスクリーンイメージをレイジーロードすることの近くにユーザーがスクロール（IMG延迟加载）- > 
< IMGのsrcは= "unicorn.jpg" 読み込み= "怠惰" ALT = ".." /> 

<！ - 遅延ロードするのではなく、すぐに画像をロードします（立即加载）- > 
< IMGのSRC = "unicorn.jpg" 読み込み= "熱心な" ALT = ".." /> 

<！ - ブラウザが怠惰にあるか否かを判定する画像を-load（根据浏览器决定是否延迟加载）- > 
< IMGのSRC = "unicorn.jpg" ローディング= "オート"ALT = ".." /> 

<！ -<絵>でレイジー・ロード画像。<IMG>画像駆動一つである
こと（如果延迟加载在ピクチャ中、IMG会脱离ピクチャ）のオフので、負荷を<画像>とsrcset秋- > 
< 画像> 
  < ソースメディア= "（最小幅：40em） " srcset =" big.jpg 1X、ビッグhd.jpg 2倍」> 
  < ソースsrcset = "small.jpg 1X、小hd.jpgの2倍" > 
  < IMG SRC = "fallback.jpg" 読み込み= "怠惰" > 
</ 絵> 

<！ - （加载指定条件下延迟）指定srcsetた画像をレイジー・ロード- >

     srcset = "large.jpg 1024ワット、640ワットのmedium.jpg、small.jpgの320ワット" 
     サイズ= "（最小幅：36em）33.3vw、100vw" 
     ALT = "RADの狼" ロード= "怠惰" > 

<！ - オフスクリーンIFRAMEをレイジーロード時に周辺ユーザーがスクロール（IFRAME延迟加载）- > 
< IFRAME SRC = "ビデオplayer.html" ローディング= "遅延" > </ IFRAME >

現在のバージョンは、クロム73、デフォルトの遅延ロードをサポートしていませんです。あなたは待つことができない場合は、直接、クロームの遅延ロードの特性に強制することができます。

何もない場合は、クロム75が正式にデフォルトの画像遅延ロードをサポートします。

クロム：//フラグ/クロームのアドレスバーに入力します。
怠惰な画像の読み込みを有効にして下さい、次の図2は、「有効にする」に設定されています

tuantuanで書きます

遅延ロード画像のクローム75元のネイティブサポート

おすすめ