Fetch Priority for a bit of added juicing

src/assets/js/script.js

@@ -67,6 +67,7 @@ const createPicture = (item) => {
     img.height = item.height || 300;
     img.width = item.width || 300;
     img.loading = item.loading || 'lazy';
+    img.fetchpriority = item.fetchpriority || undefined;
     pic.appendChild(img);
     return pic;
 };

src/index.html

@@ -80,7 +80,8 @@
                     "alt": "Sunny living room with stylish seating and vibrant artwork.",
                     "height": 200,
                     "width": 300,
-                    "loading": "eager"
+                    "loading": "eager",
+                    "fetchpriority": "high"
                 },
                 {
                     "type": "image",
@@ -88,7 +89,8 @@
                     "caption": "Relaxation elevated—your stylish living space awaits.",
                     "alt": "Spacious living area featuring elegant furniture and tasteful decor.",
                     "height": 200,
-                    "width": 300
+                    "width": 300,
+                    "fetchpriority": "high"
                 },
                 {
                     "type": "image",
@@ -137,7 +139,8 @@
                     "alt": "Private ensuite bathroom featuring contemporary design and premium finishes.",
                     "height": 450,
                     "width": 300,
-                    "loading": "eager"
+                    "loading": "eager",
+                    "fetchpriority": "high"
                 },
                 {
                     "type": "image",