Chromeがネイティブlazy-loadをサポート、JSなしで画像を遅延読み込み可能に

テクノロジーカテゴリーの変更を依頼記事元:

www.suzukikenichi.com

46 usersがブックマークコメント

コメント

6

記事へのコメント6件

注目コメント
新着コメント

nilab 「Google Chrome 76 がネイティブ lazy-load をサポートするようになりました。JavaScript のライブラリを利用することなく、ブラウザの標準機能として画像の遅延読み込みが可能になります」

2019/09/26 リンク

yoshi-nkyma “ loading="lazy"”

2019/08/20 リンク

kurobuchi Chromeで特別なjsなど使わずに画像をスクロールに応じて読み込ませる「lazy-load」が実装されたとのこと。他のブラウザでも導入してほしい。

2019/08/19 リンク

yomogi img タグに loading 属性を追加することで実装。Chrome以外はこの属性を無視する。

2019/08/18 リンク

n314 とりあえず書いとく、で問題ないのがいいな

chrome

2019/08/15 リンク

nemusg シェア的にPCはもうこれでいいかも。スマホはiOS Safariが大きいから、まだJSが必要だけど。

JavaScript

2019/08/15 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

Chromeがネイティブlazy-loadをサポート、JSなしで画像を遅延読み込み可能に

[レベル: 上級] Google Chrome 76 がネイティブ lazy-load をサポートするようになりました。 JavaScrip... [レベル: 上級] Google Chrome 76 がネイティブ lazy-load をサポートするようになりました。 JavaScript のライブラリを利用することなく、ブラウザの標準機能として画像の遅延読み込みが可能になります。ネイティブ lazy-load は開発版 Chrome (Canary) で試験運用されていました。自動で遅延読み込み次の動画は子猫の画像だけを掲載したデモ用ページをスクロールした様子です。デベロッパーツールの Network パネルで見ると、スクロールに応じて画像が順に読み込まれているのがわかります。この遅延読み込みは JavaScript で実装しているわけではなく、Chrome の標準機能として実装された lazy-load の機能で実現しています。 loading 属性でネイティブ lazy-load ネイティブ lazy-load を利用

ブックマークしたユーザー

tenchikometen2023/07/08
n-yasuyo2020/08/13
aoiasaba2020/03/12
toru-tanaka2019/11/07
canna_koritan2019/10/29
shirotorabyakko2019/10/25
xKxAxKx2019/10/24
nilab2019/09/26
toshi-toma2019/09/02
rjge2019/09/02
yosuke_furukawa2019/09/02
hasunuma06132019/08/29
r_abe012019/08/27
tonooooo2019/08/23
yoshi-nkyma2019/08/20
yutaueda8192019/08/20
dellab722019/08/20
kurobuchi2019/08/19

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx