ウノウラボ Unoh Labs: 画像の遅延読み込み

2008/01/17 300 users ウノウラボ yamaoka Unoh Labs 大半 手法

yamaokaです。 webページの表示を高速化する手法にはいろいろありますが、 その一つとして遅延読み込みという手法があります。 初期状態で表示する必要のない要素については読み込まず、 必要になったタイミングで読み込み、表示するようにする手法です。 ページの読み込みにかかる時間の大半を 画像の読み込みが占めている場合が多いので、 画像の読み込みを遅延させるという手法が多く取られます。 検討するべ... 続きを読む

スクロールするまで画像を読み込まない（はずの）Lazy Loadについて :: 5509

2011/03/06 123 users Lazy Load 注意書き HTTPリクエスト プラグイン

Webパフォーマンスを考える上で重要なことのひとつにHTTPリクエストを減らすというのがありますが・・・HTTPリクエストを減らすために、画像の遅延読み込みをすると噂のLazy Loadっていうプラグインがあって、結構色んなサイトで使われているのを見るので、一言言っとくか的な感じで書こうとしたらいつからかプラグインページに以下の注意書きが追加されてた。Lazy Load is currently ... 続きを読む

遅延読み込みとの正しい付き合い方 + α - Speaker Deck

2019/11/21 42 users Speaker Deck 正しい付き合い方

高円寺.dev #1で発表に使った資料です。 https://koenji.connpass.com/event/152640/ 11/15のフロントエンドカンファレンス福岡の前夜祭で話した資料を元にした拡張版になっています。 https://fec-fukuoka.connpass.com/event/154737/ https://speakerdeck.com/rukiadia/chi-yan-du-miip-mitofalsezheng-siifu-kihe-ifang 続きを読む

Googleが画像遅延の仕組みNative Lazyloadプラグインをリリース - Capital P

2019/09/10 37 users Capital P リリース Lazy loading 通り

GoogleがWordPressプラグインNative Lazyloadプラグインをリリースした。このプラグインはその名前の通り、Lazy Loading（画像などの遅延読み込み）を実現するもの。画像読み込みでロックされるレンダリングを早くしようというものだ。このサイトCaptal Pでも導入してみたので、気になる方はチェックしてみてほしい。も... 続きを読む

Chromeのloading属性は、指定しなくてもデフォルトで"lazy"の挙動となりうる　～loading属性の落とし穴から学ぶ、機能拡張と初期値・デフォルト挙動の話～ - Qiita

2019/10/15 36 users Qiita lazy Loading loading属性 挙動

Chromeのloading属性は、指定しなくてもデフォルトで"lazy"の挙動となりうる　～loading属性の落とし穴から学ぶ、機能拡張と初期値・デフォルト挙動の話～ 【事前知識】loading属性について Chromeのimg・iframe要素には、loading属性というものがある。 こいつをHTMLでloading="lazy"のように指定すると、遅延読み込み... 続きを読む

Chrome Canaryで画像の遅延読み込みが利用可能に | スラド IT

2018/08/18 28 users スラド NEOWIN Chrome Canary 遅延 画像

Chrome Canaryで画像の遅延読み込み機能が利用可能になっている(Bleeping Computerの記事、 Android Policeの記事、 Neowinの記事)。 Google Chromeの遅延読み込み(LazyLoad)機能実装計画は1月に発表されたもので、画面に表示されない部分の画像や特定のサードパーティiframeについて、ページをスクロールして表示範囲に... 続きを読む

Lazy-loadはLCPを悪化させる!? WordPressは2つ目の画像からネイティブLazy-loadを実装するように改良予定 | 海外SEO情報ブログ

2021/08/23 10 users LCP ネイティブLazy-load img バイタル 上級

[レベル: 上級] ファーストビューに掲載されている画像を Lazy-load（遅延読み込み）すると コア ウェブ バイタル の 1 指標である LCP を低下させる恐れがあります。 そのため WordPress は、ファーストビューの画像にネイティブ Lazy-load を適用しないように改善する予定です。 ネイティブ Lazy-load は、画像の <img... 続きを読む