Chromeの新機能がすごい便利！imgやiframeにlazyload属性を加えるだけでLazyLoad対応に

「Blink LazyLoad」と呼ばれるChromeの新機能は、表示領域外の画像やiframe要素のロードを遅延させることで、Webページのパフォーマンスを大幅に向上させます。 LazyLoadは今まではJavaScriptを使用していましたが、ブラウザのネイティブな機能として、imgやiframe要素にlazyload属性を加えるだけで簡単に利用できます。 「Blink LazyLoad」の機能と使い方、注意点を紹介します。 A Native Lazy Load for the Web 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 「Blink LazyLoad」の機能 セキュアなLazyLoadのポリシー 後方互換性 LazyLoadの有効化 参考資料 終わりに 「Blink LazyLoad」の機能 重要度の低いコンテ

[coliss]

ブラウザのネイティブな機能として、LazyLoadが実装できるようになる。全然関係ないけど、「ものすごいまずい」（野坂昭 如）、「すごい立派な干菓子」（曽野綾子）http://home.soka.ac.jp/~myamaoka/b0412.htm

[blueboy]

　広告だけがすぐに表示されて、それ以外はすべて lazyload にする………というサイトが続出する。　　Google AdSense　は lazyload にならない、とか。　人々は広告が表示されないことを期待するが、その逆になる。

[B-CHAN]

「すごい」は形容詞なので、形容動詞である「便利」に掛けるなら、「すごく便利」と副詞で書くべきだと思う。

[kazoo_oo]

へえ。確かにブラウザがやってくれた方が合理的ではある。/ IE が生き残っている限りどうせ JS 側も捨てられないだろうけど。。

[rti7743]

正しい対応だと思う。lazyloadはブラウザの仕事だよ。サイトのjs側でやる仕事じゃない。これで無駄なjsが消えてwebも早くなるだろう。

[yoiIT]

すごく良い機能だけど、アクセス解析と広告タグには影響出そう。

[yarumato]

JavaScriptに頼らずに遅延読み込みできるのか。これはいい機能追加。JavaScript OFFにすると画像見れないサイト最近多いもんな。　“Chrome 70で実装予定”

[localnavi]

少なくともPageSpeed Insights対策で言えば、画像の遅延読み込みには非常に良いけど、Googleマップなどiframeはスクリプトを読み込んでる模様。こっちは今までどおりLazyloadで対策するべきか。

[s99e209]

Chrome 70以降という限られた環境とはいえ、lazyload属性を加えるだけでWebページのパフォーマンスを向上させられるの良い。

[yatmsu]

これは楽だな

[yoshi-na]

はやれ

[yasu-log]

lazyload属性が十分に浸透するまでは、amp-imgが最適。

[kote2kote2]

Lazyload初めて知った

[gogatsu26]

“「Blink LazyLoad」と呼ばれるChromeの新機能は、表示領域外の画像やiframe要素のロードを遅延させることで、Webページのパフォーマンスを大幅に向上させます”

[teteto]

“要素がロードされるまでは、空のプレースホルダーイメージが表示されます”表示がズレて誤クリックが起こるかが個人的な焦点。

[poriringoo]

“chrome://flags/#enable-lazy-frame-loading”

[snow8-yuki]

今ある遅延表示ですらイライラしてるのにこれ以上されると辛い、平均的速読民。

[shiromatakumi]

これは良い。

[Rishatang]

モダンブラウザがこれに対応すればそれに統一して、IEは切り捨てでいいと思う。

[htnmiki]

とりあえずウェブサイト内の表示は上から順番にしてくれ、というか、しろ。そうすればクリックの瞬間に現れるクソ広告を踏まずに済む。つーかクリック率上げるためにわざとやってんだろあれ。

[tamanecoplus]

昔から言ってるがLazyLoadはブラウザ標準にして欲しい http://b.hatena.ne.jp/entry/234899631/comment/tamanecoplus

[GENS]

良い機能ならFFもすぐ入れるだろうし、IE向けには既存のライブラリいじってpolyfill作っちゃえば良いか。

[Futaro99]

そういうの要らないんだよ！！！！！！！！！！

[Kmusiclife]

使えそうで使えないやつやな

[tkmkg8m]

何も指定しなくてもlazyloadをデフォルトにしようぜ。一部のアクセス解析が動かなくなるかもしれんけど。

[gayou]

ブラウザが標準実装してくれるならそのほうが良いと思う。

[uunfo]

いいね。デフォルトでオートなら属性を追加する必要もなさそう。

[sho_yamane]

いいねこれ

[motomura-lora]

これは面白いね

[nabeen919]

ほう >> Chromeの新機能がすごい便利！imgやiframeにlazyload属性を加えるだけでLazyLoad対応に | コリス:

[gfx]

へえ〜〜これは便利そう。