From 72d36f4716e6f0d38df24f0ec0008dafe97dd017 Mon Sep 17 00:00:00 2001 From: Nick Szaunig Date: Mon, 14 Sep 2026 20:59:43 +0200 Subject: [PATCH] perf: Header-Bild der Imkerei-Seite sofort laden MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Ein Audit ueber alle bildfuehrenden Seiten zeigte /imkerei als einzige Ausnahme: dort war kein Bild priorisiert. Das Bild steht neben der h1 im ersten Viewport und ist auf breiten Bildschirmen das groesste Element der Seite, wurde aber doppelt zurueckgehalten — durch das voreingestellte Lazy-Loading und durch ScrollReveal, das bei opacity 0 startet und erst nach der Hydration einblendet. Es rendert jetzt direkt und mit priority, also loading="eager" und fetchPriority="high". Die Textspalte daneben behaelt ihre Einblendung, die kostet nichts. Damit verhaelt sich die Seite wie /herkunft und /unternehmen, die ihr Header-Bild ohnehin schon ausserhalb von ScrollReveal rendern. Stand des Audits danach, im Produktions-Build gemessen: /, /herkunft, /unternehmen und /imkerei liefern je genau ein Header-Bild mit loading="eager" und fetchPriority="high", alle uebrigen Bilder lazy, und auf keiner Seite geht noch ein hochgeladenes Bild am Bildoptimierer vorbei. --- src/app/imkerei/page.tsx | 26 ++++++++++++++++---------- 1 file changed, 16 insertions(+), 10 deletions(-) diff --git a/src/app/imkerei/page.tsx b/src/app/imkerei/page.tsx index 7eb01ad..c6d98c1 100644 --- a/src/app/imkerei/page.tsx +++ b/src/app/imkerei/page.tsx @@ -34,16 +34,22 @@ export default async function ImkereiPage() { ))} - - - + {/* Bewusst NICHT in ScrollReveal und mit priority: dieses Bild steht + neben der h1 im ersten Viewport und ist auf breiten Bildschirmen + das groesste Element der Seite. ScrollReveal startet bei + opacity 0 und blendet erst nach der Hydration ein — zusammen mit + dem sonst greifenden Lazy-Loading erschien das Bild damit + deutlich spaeter als noetig. Die Textspalte daneben behaelt ihre + Einblendung, die kostet nichts. */} + );