From 645d6103fd76a0a1bae7e5b8ada94f1358d0c4fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Pilgaard=20Gr=C3=B8ndahl?=
 <niels.pilgaard@hotmail.com>
Date: Sat, 30 Mar 2024 22:18:20 +0100
Subject: [PATCH] prioritize fetching of images to speed up initial render

---
 src/web/Jordnaer/Pages/Home/DesktopLandingPage.razor | 4 ++--
 src/web/Jordnaer/Pages/Home/MobileLandingPage.razor  | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/web/Jordnaer/Pages/Home/DesktopLandingPage.razor b/src/web/Jordnaer/Pages/Home/DesktopLandingPage.razor
index f517e843..7ba9f330 100644
--- a/src/web/Jordnaer/Pages/Home/DesktopLandingPage.razor
+++ b/src/web/Jordnaer/Pages/Home/DesktopLandingPage.razor
@@ -2,7 +2,7 @@
 <MudPage FullScreen="FullScreen.Full" Row="2" Column="5" Height="800px">
 
     <MudSection Row="1" ColSpan="2" Column="1" Class="hero-section-top">
-        <MudImage Height="250" Src="/images/minimoeder_logo.png" />
+        <MudImage fetchpriority="high" Height="250" Src="/images/minimoeder_logo.png" />
     </MudSection>
 
     <MudSection Row="1" ColSpan="2" Column="4" Class="hero-section-top">
@@ -19,7 +19,7 @@
 
     <MudSection Row="1" Column="2" ColSpan="3" RowSpan="2" Class="hero-section-top">
         <MudStack AlignItems="AlignItems.Center" Justify="Justify.Center" Spacing="0">
-            <MudImage id="landing-page-center-image" Src="/images/landing-page/nathan-dumlao-P5MXtYfgmmw-unsplash_cropped.webp" />
+            <MudImage id="landing-page-center-image" fetchpriority="high" Src="/images/landing-page/nathan-dumlao-P5MXtYfgmmw-unsplash_cropped.webp" />
             <MudText Class="font-cherry-bomb-one" Style="@($"color: {JordnaerPalette.GreenBackground}; font-size: 48px")">Velkommen</MudText>
             <MudText Style="@($"color: {JordnaerPalette.RedHeader}; font-size: 24px")">Til dit online mødested for børnefamilier</MudText>
         </MudStack>
diff --git a/src/web/Jordnaer/Pages/Home/MobileLandingPage.razor b/src/web/Jordnaer/Pages/Home/MobileLandingPage.razor
index 03d698df..355b1564 100644
--- a/src/web/Jordnaer/Pages/Home/MobileLandingPage.razor
+++ b/src/web/Jordnaer/Pages/Home/MobileLandingPage.razor
@@ -1,7 +1,7 @@
 @using MudExtensions.Enums
 <!-- Logo  -->
 <div class="hero-section-top">
-    <MudImage Height="150" Src="/images/minimoeder_logo.png" />
+    <MudImage fetchpriority="high" Height="150" Src="/images/minimoeder_logo.png" />
 </div>
 
 <!-- Nav Bar -->
@@ -19,7 +19,7 @@
     <MudSection Row="2" Column="1" Style="@($"background: {JordnaerPalette.BeigeBackground}")" />
     <MudSection Row="1" RowSpan="2" Column="1">
         <MudStack Class="mb-6" AlignItems="AlignItems.Center" Justify="Justify.Center" Spacing="0">
-            <MudImage id="landing-page-center-image" Src="/images/landing-page/nathan-dumlao-P5MXtYfgmmw-unsplash_cropped.webp" />
+            <MudImage id="landing-page-center-image" fetchpriority="high" Src="/images/landing-page/nathan-dumlao-P5MXtYfgmmw-unsplash_cropped.webp" />
             <MudText Class="font-cherry-bomb-one" Style="@($"color: {JordnaerPalette.GreenBackground}; font-size: 32px")">
                 Velkommen
             </MudText>