Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

loading=lazy

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Kaneko Takeshi Kaneko Takeshi
February 28, 2020
Technology
31
0

 loading=lazy

pizza_jp#26

Avatar for Kaneko Takeshi

Kaneko Takeshi

February 28, 2020

More Decks by Kaneko Takeshi

See All by Kaneko Takeshi
オープンソースライセンスについて勉強する定期
Avatar for Kaneko Takeshi tkckaneko
0
49
Eye Tracking on the Browser
Avatar for Kaneko Takeshi tkckaneko
0
100
IEEE754を完全に理解した
Avatar for Kaneko Takeshi tkckaneko
1
89
CSSのトレンドをみんなで見よう -2021年-
Avatar for Kaneko Takeshi tkckaneko
0
100
多分これが一番早いと思います
Avatar for Kaneko Takeshi tkckaneko
0
31
暗黒面の話
Avatar for Kaneko Takeshi tkckaneko
0
31
CSR / SSR / SSG / JAMstack
Avatar for Kaneko Takeshi tkckaneko
0
79
BOLT
Avatar for Kaneko Takeshi tkckaneko
0
43
CSS Logical Properties and Values
Avatar for Kaneko Takeshi tkckaneko
0
65

Other Decks in Technology

See All in Technology
hackers_champloo_2026_tidb
Avatar for makocchi makocchi
0
140
AI駆動開発の時代になったのでトヨタ生産方式から見直す
Avatar for terurou terurou
7
5.8k
Cognition AI Japan - ウェビナー2_テストQA_運用監視
Avatar for Akira Shibata cogakira
0
140
大型犬好きによるPugの紹介
Avatar for yamanoku yamanoku
1
150
「Docker Desktop不要の時代」は 来たのか？
Avatar for ueponx ueponx
0
570
AI時代のAPI開発を加速する品質ガードレール / API Quality Guardrails in the AI Era
Avatar for Yoichi Kawasaki yokawasa
0
190
脆弱性診断って、何をしているの？ 〜弱点を見つけて、会社の改善につなげるまで〜
Avatar for KeeG keeg
0
880
転んだ話が背中を預ける理由になる / A_story_about_falling_down_gives_you_a_reason_to_watch_each_other_s_backs.pdf
Avatar for Pauli pauli
3
360
ai_cording_with_k8s_knowledge.pdf
Avatar for mochizuki875 mochizuki875
1
340
Benchmarking Disaggregated Serving on vLLM + Dynamo with a Real Coding-Agent Workload
Avatar for NTT docomo Business nttcom
0
110
遠藤な_めぐろLT #38 「社内のAI活用推進」@麻布台_20261009
Avatar for Naoya Endo endonanana
0
110
LocalStack を使ったサーバーレスアプリケーション開発 / Serverless Development with LocalStack
Avatar for Yoshiaki Yoshida kakakakakku
1
410

Featured

See All Featured
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
570
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
530
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
4
4k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
730
Fireside Chat
Avatar for paigeccino paigeccino
43
4.1k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
33
5.2k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.5k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.3k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
109
250k
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
1
340
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
25k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.7k

Transcript

  1. loading=lazy

  2. - 2月12日にHTML Living Standardが更新され<img>と<iframe>に loadingプロパティが公式に追加されました。 - 「公式に」というのは既に去年の6月4日リリースのChrome75で は実装されていたので - 公式に発表されたことでFirebaseの75でもサポートされるようにな

    るそうです - Chromiumを使っているMicrosoft Edgeも実装済みです
  3. None

  4. - loading=lazyは読み込みを遅延するためのプロパティです - 画像がブラウザの表示領域に入ると読み込まれます - 指定をしないとloading=autoと同じになります - ブラウザの指定に従います - 今まで通りに読み込ませたいときにはloading=eagerを指定しま

    す

  5. - ちなみにサポートしていないブラウザでも動作させるためにpolyfilもあ るので、既に導入しても大丈夫です - どうでもいい情報ですが、wordpressに対応させるためのプラグインも あるそうです（Google製）

  6. None

  7. 参考 - 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