Chrome Canaryで画像の遅延読み込みが利用可能に 29
ストーリー by headless
遅延 部門より
遅延 部門より
Chrome Canaryで画像の遅延読み込み機能が利用可能になっている(Bleeping Computerの記事、
Android Policeの記事、
Neowinの記事)。
Google Chromeの遅延読み込み(LazyLoad)機能実装計画は1月に発表されたもので、画面に表示されない部分の画像や特定のサードパーティiframeについて、ページをスクロールして表示範囲に近づくまで読み込みを延期する。長いページの一番下に配置された画像など、ユーザーがほとんど見ることのない要素の読み込みを行わないことで、データ使用量やメモリー使用量を削減し、読み込み速度を向上させることが目的だ。
iframeの遅延読み込み(LazyFrames)はChrome 68で既に実装されており、「chrome://flags/#enable-lazy-frame-loading」を設定することで有効化できる。Bleeping Computerによれば、Chrome Canaryでは70.0.3521.0から画像の遅延読み込み(LazyImages)が実装されたという。こちらは「chrome://flags/#enable-lazy-image-loading」を設定することで有効化できる。手元の環境で試してみたところ、デフォルトの「Default」では有効になっておらず、「Enabled」を選択すると有効になることが確認できた。なお、読み込みの延期された要素がある場合、印刷時などにプレースホルダーのまま出力されるといった問題もあるようだ。
また、HTML属性「lazyload」を指定することで、Webページ側が個別に遅延読み込みの有効・無効を設定することもできるとのことだ。
Google Chromeの遅延読み込み(LazyLoad)機能実装計画は1月に発表されたもので、画面に表示されない部分の画像や特定のサードパーティiframeについて、ページをスクロールして表示範囲に近づくまで読み込みを延期する。長いページの一番下に配置された画像など、ユーザーがほとんど見ることのない要素の読み込みを行わないことで、データ使用量やメモリー使用量を削減し、読み込み速度を向上させることが目的だ。
iframeの遅延読み込み(LazyFrames)はChrome 68で既に実装されており、「chrome://flags/#enable-lazy-frame-loading」を設定することで有効化できる。Bleeping Computerによれば、Chrome Canaryでは70.0.3521.0から画像の遅延読み込み(LazyImages)が実装されたという。こちらは「chrome://flags/#enable-lazy-image-loading」を設定することで有効化できる。手元の環境で試してみたところ、デフォルトの「Default」では有効になっておらず、「Enabled」を選択すると有効になることが確認できた。なお、読み込みの延期された要素がある場合、印刷時などにプレースホルダーのまま出力されるといった問題もあるようだ。
また、HTML属性「lazyload」を指定することで、Webページ側が個別に遅延読み込みの有効・無効を設定することもできるとのことだ。
プライバシーネタ (スコア:3, すばらしい洞察)
どこまで読んだかばれちゃうわけですね。
Re: (スコア:0)
まあ今までもやりたければJavaScriptでどうにでもなったわけですから、LazyLoad自体も。
Re: (スコア:0)
やりたければっていうかGoogle Analyticsとかページ上での活動記録しまくりだよな。スクリプトはサードパーティーから読み込まれてもファーストパーティーのコンテキストで実行されるという仕様バグのせい
Re: (スコア:0)
いや僕が読んだんじゃなくて、パソコンが読んだんです。
画像をあとから表示するのはいいけどさ、 (スコア:3, すばらしい洞察)
ページの一番下に移動いたら、画像が全部読み込まれて、上にちょっと移動するのをなんとかしてくれよ。bottomの位置は固定してくれ
この方向性は歓迎 (スコア:1)
画像等の遅延読込はブラウザ側で対応する流れが普及してほしい。
サイト側で対応していると、画像が現れるときにフワーっとゆっくり表れたり、プルプルっと弾けるようなアニメーションを伴って表れたりして、画像がまともに見えるようになるまで一瞬待たなければならない小さなストレスを感じることが多いので。
Re:この方向性は歓迎 (スコア:2)
それは、サイトの対応がウザいだけでは？
演出なしであっさり対応しているサイトも少なくないと思うが。
Re:この方向性は歓迎 (スコア:1)
画像やdiv要素とかはスタティックに指定して置いて欲しいですよね
どうせピクセル単位でレイアウト指定してて、サイト作る時も破綻しないかチェックするんだから
jqueryとかで要素追加して読み込み中に縦位置が目まぐるしく変わるのは困ります
楽天に時代が追いついた (スコア:1)
あの長さは異常
昔より回線は速くなったがが (スコア:0)
昔より今の方がHP表示に時間がかかる
Re:昔より回線は速くなったがが (スコア:1)
〇〇画像1枚表示するのに数10秒かかってたことを思えばなんてことない。
Re:昔より回線は速くなったがが (スコア:1)
読み込み中にスクロールすると画像がビヨーーーーって伸びたっけｗ
ψアレゲな事を真面目にやることこそアレゲだと思う。
Re: (スコア:0)
画像を先読みするツールもあったな
Re: (スコア:0)
画像どころか、そのページにあるリンクを総なめして先読みしまくるやつとか。
あとは、簡易キャッシュプロクシなんかも。Surf Expressとか。約20年前か。
Re: (スコア:0)
SPA流行は害悪
Re: (スコア:0)
こういう人が仕様の決定権持ってたら困るだろうな。
Re: (スコア:0)
検索エンジンよけかと思うわ
Re: (スコア:0)
本当だわ、あまりにも重すぎる。
流石に回線も追いつかへんわ！。
IT企業って、余計なことばかり。
通信大量浪費するのは広告なのに (スコア:0)
コンテンツ側（そんなに大きくない）を抑制するのか。。。
Re:通信大量浪費するのは広告なのに (スコア:1)
そんなことより勝手にビデオ再生するのやめろって言いたくなるわな
Re: (スコア:0)
少なくともマイニングに使われるCPUの電気料金＋通信料より、動画広告の通信料のほうが遙かに大きいんだよなぁ、特にスマホの場合。一般的な電気料金・通信キャリアのパケット料金で比較すると。
Webページのマイニングスクリプトを取り締まるなら、勝手に動画再生したり、大量の画像をロードする広告業者を先に取り締まらなきゃ筋が通らないと思う。
10円盗むのも1億円盗むのも同じ犯罪、というのも事実だが、社会に与える影響が大きいからこそ、後者に捜査コストも投じられるし、量刑も重くなるわけだし。
ま、電気料金とパケット通信料の価格設計が適正か、という問題はあるけど。特に後者。
Re: (スコア:0)
携帯機のブラウザでjavascriptをoffにするとキビキビ動くんですが
その理由が広告とそれにともなう大量の画像がなくなる事だったりします
Re: (スコア:0)
Javascriptライブラリそのものを読み込んでる時間も結構ある。
広告代金どうなるのかな (スコア:0)
Google自分のクビ締めてない？
Re: (スコア:0)
画面に映らないのに読み込まれるのは広告屋としても損でしかないからいいだろ
Re: (スコア:0)
コンバージョンしたら支払いの場合なら、いくら表示されても、例えばアプリDLか購入のところまで行かなければ広告費ゼロ
Re: (スコア:0)
リーチしない無意味な広告表示を減らせるのでむしろやりたかったぐらいだろ
これで困るのはアフィリエイターだけ
Re: (スコア:0)
今だって本文が徹底的に下の方に追いやられているから何も変わらないのでは？
Re: (スコア:0)
下に追いやられて居ようが本文の下に空きが有ったら広告を入れたくなるのがアフィリエイターだからこそ、こんなにウザイページが多いのだろう。