From 67c41e926e74659b659148e4b23bce9d93f7485e Mon Sep 17 00:00:00 2001
From: Jonas Braathen <jonas@ponas.no>
Date: Wed, 14 Oct 2026 00:37:02 +0200
Subject: [PATCH] web: load the first row of event images eagerly

---
 web/src/components/events/EventContainer.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/web/src/components/events/EventContainer.tsx b/web/src/components/events/EventContainer.tsx
index 2534f95..1bf15d4 100644
--- a/web/src/components/events/EventContainer.tsx
+++ b/web/src/components/events/EventContainer.tsx
@@ -169,8 +169,15 @@ const EventList = ({ events }: { events: EventOverviewItemFragment[] }) => {
   }
   return (
     <ul className={styles.eventList}>
-      {events.map((event) => (
-        <EventItem key={event.id} event={event} mode="list" />
+      {events.map((event, index) => (
+        <EventItem
+          key={event.id}
+          event={event}
+          mode="list"
+          // the first row is above the fold and holds the largest image
+          imageLoading={index < 3 ? "eager" : undefined}
+          imageFetchPriority={index < 3 ? "high" : undefined}
+        />
       ))}
     </ul>
   );