From da8026120204efeb4d37f4841e339f71d148330e Mon Sep 17 00:00:00 2001
From: Asaf Gartner <asaf@handmadedev.org>
Date: Mon, 8 Jul 2024 14:19:45 +0300
Subject: [PATCH] Trying to lazy-load timeline images

---
 src/templates/src/include/timeline_item.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/templates/src/include/timeline_item.html b/src/templates/src/include/timeline_item.html
index 534e2830..c909d8ea 100644
--- a/src/templates/src/include/timeline_item.html
+++ b/src/templates/src/include/timeline_item.html
@@ -60,7 +60,7 @@
 	{{ range .Media }}
 		<div class="timeline-media mt3 {{ if eq .Type mediaembed }}timeline-embed{{ end }} overflow-hidden flex {{ if not (eq .Type mediaunknown) }}justify-center{{ end }}">
 			{{ if eq .Type mediaimage }}
-				<img src="{{ .AssetUrl }}">
+				<img decoding="async" loading="lazy" src="{{ .AssetUrl }}" {{ if and .Width .Height }}style="aspect-ratio: {{ .Width }} / {{ .Height }};"{{ end }} />
 			{{ else if eq .Type mediavideo }}
 				{{ if .ThumbnailUrl }}
 					<video src="{{ .AssetUrl }}" poster="{{ .ThumbnailUrl }}" preload="none" controls>