From f18bbb125edbb921585b769b49cc173f3a22d13d Mon Sep 17 00:00:00 2001
From: Marco D'Agostini <madacol10@gmail.com>
Date: Mon, 27 Jul 2020 16:25:24 -0500
Subject: [PATCH] new: img lazy loading in html

---
 img lazy loading in html.md | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 img lazy loading in html.md

diff --git a/img lazy loading in html.md b/img lazy loading in html.md
new file mode 100644
index 0000000..1f7aa5f
--- /dev/null
+++ b/img lazy loading in html.md	
@@ -0,0 +1,15 @@
+# img lazy loading in html
+
+To implement [[Lazy Loading]] to an `<img ... >` tag, add the attrbitue `loading=lazy`
+
+    <img loading=lazy ... >
+
+This will load the image when scrolling is near the viewport, using the [Intersection Observer API](https://developers.google.com/web/updates/2016/04/intersectionobserver)
+
+## Further reading
+
+- <https://web.dev/native-lazy-loading>
+
+## Why learned this
+
+- Accidentally: a rabbit hole that started at [Jason Crawford's github](https://github.com/jasoncrawford) and ended at <https://github.com/owid/owid-grapher/pull/422>