Chromeに実装される新機能『loading属性』について解説、ついにブラウザがネイティブで遅延ロードをサポート

Google ChromeのEngineering ManagerであるAddy Osmani氏による、Chrome 75でリリース予定のloading属性についての解説を紹介します。 loading属性とはブラウザがネイティブで遅延ロードをサポートするもので、img要素やiframe要素を簡単に遅延ロードさせることができます。以前は、lazyload属性として開発されていましたが、loading属性という名前に変わる、とのことです。 Native image lazy-loading for the web! by Addy Osmani 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Chrome 75でリリース予定のloading属性 ブラウザがネイティブで遅延ロードをサポート loading属性とは loading属性の

[coliss]

Chromeに実装される新機能『loading属性』について

[cl-gaku]

問題はchrome以外の動き

[aikawame]

marqueeの時代は勝手実装が「テクニック」として紹介されてIE専用サイトみたいなのが蔓延したけど、今時の開発者は冷静に他ブラウザーの動向を見守るはず…。

[GEROMAX]

言われてみればネイティブでサポートされていて欲しい機能だなぁ。

[mayumayu_nimolove]

これで一つやることが減るな。めんどいのはどんどんブラウザで吸収してくれ。

[gabill]

既存のサイトも挙動変わるようになるのかな。 >loading属性を定義しない場合は、loading=autoを定義した場合と同じになります。

[nitamago_monster]

高さの情報はどうなるんだろう

[ntstn]

既存のlazyloadとバッティングしたときの挙動はどうなるんだろ？

[otchy210]

使うなら十分な普及率に達した後に、プログレッシブエンハンスメントとして使うべきで、polyfill までするのは何か違う気がする。

[t_f_m]

2019/04 の記事

[pokotanu]

おー

[tamanecoplus]

やっとか。 http://b.hatena.ne.jp/entry/234899631/comment/tamanecoplus

[west2538]

翻訳ありがたい

[yasu-log]

クロスブラウザを気にする人はamp-imgがおすすめ

[RATCHO]

1年後かな、うん

[new3]

loading属性をloadingしている時に表示するloading画面を表示するloading機能も開発しないとな

[kvx]

トグルとかスライダーとかのインタラクティブ機能もブラウザで実装してくれないかな。

[hurafula]

最近のchromeは「俺が考える実装こそがwebの正義」感が不健全で辟易。数年ぶりに火狐に戻ってる

[aox]

わざわざ書かなくても勝手にやって欲しいです

[ichiken7]

っていうか、もう勝手に判断してやってくれ…

[ohbarye]

よさそう

[toblog]

これからの時代、EdgeはchromiumになるからいいとしてSafari(iOS含む)が対応してくれないと使うメリットがないわ。ちなみに安易にpolyfillに頼ると手段の目的化になりやすいので反対派です。

[aaaa_a4]

“loading属性を定義しない場合は、loading=autoを定義した場合と同じになります。” 特にこっちで対応せんでもええのか

[securecat]

遅延表示を標準動作にして、させたくない時だけ属性書くようにしたらいいのに

[oguri0220]

広告を一生ロードさせない

[ks1234_1234]

いまはこういうのを「ブラウザがネイティブで」って呼ぶの?　違和感。なにが正しいとは言えないけど。独自拡張?

[ledsun]

便利そう

[emj1025]

遅延ロード

[ustam]

他のブラウザも対応してくれないと使えないので、今のところ意味のない機能…。

[TTTT2]

Iphone safari早よ

[igrep]

ユーザーにすぐに見えなくてもいいようなものに使うのかな？

[karatte]

“ブラウザがネイティブで遅延ロードをサポートするもので、img要素やiframe要素を簡単に遅延ロードさせることができます。以前は、lazyload属性として開発されていましたが、loading属性という名前に変わる、とのこと”

[yoiIT]

“loading属性の機能”