Fetch LCP image on home with high priority

Author: lukasbestle

site/plugins/site/helpers/html.php

@@ -59,15 +59,16 @@ function img($file, array $props = [])
 	$height ??= $file->height();
 
 	$img = '<img ' . attr([
-		'alt'     => $props['alt'] ?? '',
-		'class'   => $props['class'] ?? null,
-		'style'   => $props['style'] ?? null,
-		'loading' => $loading ?? null,
-		'sizes'   => $sizes,
-		'src'     => $src,
-		'srcset'  => $srcset ?? null,
-		'width'   => $width,
-		'height'  => $height
+		'alt'           => $props['alt'] ?? '',
+		'class'         => $props['class'] ?? null,
+		'style'         => $props['style'] ?? null,
+		'loading'       => $loading ?? null,
+		'fetchpriority' => $props['fetchpriority'] ?? null,
+		'sizes'         => $sizes,
+		'src'           => $src,
+		'srcset'        => $srcset ?? null,
+		'width'         => $width,
+		'height'        => $height
 	]) . '>';
 
 	if (empty($props['lightbox']) === false && $props['lightbox'] !== false) {

site/snippets/templates/home/playground/header.php

@@ -26,6 +26,7 @@ class="playground-header-figure-wrapper"
 							'width' => 1520
 						],
 						'lazy' => false,
+						'fetchpriority' => 'high',
 						// sizes generated with https://ausi.github.io/respimagelint/
 						'sizes' => '(min-width: 1860px) 1520px, (min-width: 820px) calc(92.16vw - 176px), 100vw',
 						'srcset' => [