From d77e9c828a68f02c3288d9ac76eb367ecd52b91c Mon Sep 17 00:00:00 2001
From: Nikola Petrov <nikola@petrovv.com>
Date: Thu, 30 Oct 2025 14:44:22 +0100
Subject: [PATCH] lazy load images

---
 frontend/list/elements.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/list/elements.tsx b/frontend/list/elements.tsx
index ca9afcf..ee4239f 100644
--- a/frontend/list/elements.tsx
+++ b/frontend/list/elements.tsx
@@ -4,7 +4,7 @@ import * as elements from "frontend/elementcreate";
 function MediaElement(attributes: Attributes, contents: string[]) {
   const ret = <div class="col media-element" id={attributes['id']}>
     <div class='card shadow-sm'>
-      <img class='card-img-top' src={attributes['webImg']} width='100%' onerror={attributes['imageError']}></img>
+      <img class='card-img-top' src={attributes['webImg']} width='100%' onerror={attributes['imageError']} loading="lazy"></img>
       <div class='card-body'>
         <h5 class='card-title'>{attributes['title']}</h5>
         <p class='card-text'>{attributes['released']}</p>