既存のバンドラの手法は間違っている | POSTD

2023/01/31 6 users POSTD アプリケーションコード 既存 手法 パンドラ

最近のバンドラは、アプリケーションコードのどの部分をいつ遅延読み込みするかを開発者が決めなければなりません。 開発者は以下のように、コードベースにdynamic importを挿入することによって、遅延読み込みをする場所とタイミングを決定します。 async function doSomething() { const chunk = await import('./my-c... 続きを読む

Safari 15.4では「Lazy Image Loading」が正式にサポートされ画像の遅延読み込みが可能に。

2022/03/23 9 users iPhone 画像 遅延 Mac Apple

Safari 14.5では画像の遅延読み込み「Lazy Image Loading」が正式にサポートされています。詳細は以下から。 　Appleは現地時間2022年03月14日、MacやiPhone/iPad向けに「m The post Safari 15.4では「Lazy Image Loading」が正式にサポートされ画像の遅延読み込みが可能に。 first appeared on AAPL Ch.. 続きを読む

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... 続きを読む

Googleデベロッパーが解説、Webページに画像の遅延読み込みを使いすぎるとパフォーマンスに悪影響を与える | コリス

2021/08/05 7 users コリス lazy Loading Googleデベロッパー

loading="lazy"によるネイティブ画像の遅延読み込みのリスクとリターン、注意点とパフォーマンスを向上させる実装方法を紹介します。 Webの新機能は便利で魅力的なものが多いですが、効果的な使い方を知らないと、パフォーマンスに悪影響を与えてしまうかもしまうかもしれません。Web制作者は知っておきたい遅延読み込み... 続きを読む

遅延読み込みとの正しい付き合い方 + α - 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 続きを読む

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

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

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

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

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

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

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について :: 5509

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

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

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

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

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