From a005cb2a344738f7bc9cda7261bd81bf724b2990 Mon Sep 17 00:00:00 2001
From: Jonas Braathen <jonas@ponas.no>
Date: Wed, 14 Oct 2026 01:36:36 +0200
Subject: [PATCH] web: load the main image on event and news pages eagerly

---
 web/src/components/events/EventHeader.tsx | 3 +++
 web/src/components/news/NewsPageView.tsx  | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/web/src/components/events/EventHeader.tsx b/web/src/components/events/EventHeader.tsx
index 533f4cf..90bcdb3 100644
--- a/web/src/components/events/EventHeader.tsx
+++ b/web/src/components/events/EventHeader.tsx
@@ -49,6 +49,9 @@ export const EventHeader = ({ event }: { event: EventFragment }) => {
             height={featuredImage.height}
             attribution={featuredImage.attribution}
             sizes="(max-width: 1000px) 100vw, 55vw"
+            // the page's largest element, at the top of it
+            loading="eager"
+            fetchPriority="high"
           />
         )}
       </div>
diff --git a/web/src/components/news/NewsPageView.tsx b/web/src/components/news/NewsPageView.tsx
index 84a021e..6a3f553 100644
--- a/web/src/components/news/NewsPageView.tsx
+++ b/web/src/components/news/NewsPageView.tsx
@@ -59,6 +59,9 @@ export function NewsPageView({ news }: NewsPageViewProps) {
             height={featuredImage.height}
             attribution={featuredImage.attribution}
             sizes="100vw"
+            // the page's largest element, at the top of it
+            loading="eager"
+            fetchPriority="high"
           />
         )}
       </section>