Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
loading=lazy
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Kaneko Takeshi
February 28, 2020
Technology
0
22
loading=lazy
pizza_jp#26
Kaneko Takeshi
February 28, 2020
Tweet
Share
More Decks by Kaneko Takeshi
See All by Kaneko Takeshi
オープンソースライセンスについて勉強する定期
tkckaneko
0
31
Eye Tracking on the Browser
tkckaneko
0
88
IEEE754を完全に理解した
tkckaneko
1
76
CSSのトレンドをみんなで見よう -2021年-
tkckaneko
0
93
多分これが一番早いと思います
tkckaneko
0
27
暗黒面の話
tkckaneko
0
25
CSR / SSR / SSG / JAMstack
tkckaneko
0
73
BOLT
tkckaneko
0
31
CSS Logical Properties and Values
tkckaneko
0
36
Other Decks in Technology
See All in Technology
配列に見る bash と zsh の違い
kazzpapa3
1
140
データ民主化のための LLM 活用状況と課題紹介(IVRy の場合)
wxyzzz
2
700
20260208_第66回 コンピュータビジョン勉強会
keiichiito1978
0
120
Agile Leadership Summit Keynote 2026
m_seki
1
590
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
aeonpeople
1
220
クレジットカード決済基盤を支えるSRE - 厳格な監査とSRE運用の両立 (SRE Kaigi 2026)
capytan
6
2.7k
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
aeonpeople
6
2.3k
CDKで始めるTypeScript開発のススメ
tsukuboshi
1
380
Embedded SREの終わりを設計する 「なんとなく」から計画的な自立支援へ
sansantech
PRO
3
2.4k
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
oracle4engineer
PRO
2
14k
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
torounit
0
460
プロダクト成長を支える開発基盤とスケールに伴う課題
yuu26
4
1.3k
Featured
See All Featured
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
65
So, you think you're a good person
axbom
PRO
2
1.9k
Designing for Performance
lara
610
70k
Accessibility Awareness
sabderemane
0
51
Utilizing Notion as your number one productivity tool
mfonobong
3
220
KATA
mclloyd
PRO
34
15k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
450
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
0
250
A better future with KSS
kneath
240
18k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.8k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
64
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
77
Transcript
loading=lazy
- 2月12日にHTML Living Standardが更新され<img>と<iframe>に loadingプロパティが公式に追加されました。 - 「公式に」というのは既に去年の6月4日リリースのChrome75で は実装されていたので - 公式に発表されたことでFirebaseの75でもサポートされるようにな
るそうです - Chromiumを使っているMicrosoft Edgeも実装済みです
None
- loading=lazyは読み込みを遅延するためのプロパティです - 画像がブラウザの表示領域に入ると読み込まれます - 指定をしないとloading=autoと同じになります - ブラウザの指定に従います - 今まで通りに読み込ませたいときにはloading=eagerを指定しま
す
- ちなみにサポートしていないブラウザでも動作させるためにpolyfilもあ るので、既に導入しても大丈夫です - どうでもいい情報ですが、wordpressに対応させるためのプラグインも あるそうです(Google製)
None
参考 - https://html.spec.whatwg.org/multipage/urls-and-fetching.html#laz y-loading-attribute - https://github.com/mfranzke/loading-attribute-polyfill - https://ja.wordpress.org/plugins/native-lazyload/ - https://scalable-loading-contribs.firebaseapp.com/test.html