prioritize fetching of images to speed up initial render

NielsPilgaard · Mar 30, 2024 · 645d610 · 645d610
1 parent b6c1823
commit 645d610
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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>