Add fetchpriority="high" to Hero Image

Author: nucliweb

pages/index.mdx

@@ -1,20 +1,21 @@
-import { CldVideoPlayer } from 'next-cloudinary';
+import { CldVideoPlayer } from "next-cloudinary";
 
 # WebPerf Snippets
 
-
 A curated list of snippets to get Web Performance metrics to use in the browser console or as snippets on [Chrome DevTools](https://developer.chrome.com/docs/devtools/).
 
-<picture style={{marginTop: '20px', display: 'block'}}>
+<picture style={{ marginTop: "20px", display: "block" }}>
   <img
-    style={{aspectRatio: 342/214}}
+    style={{ aspectRatio: 342 / 214 }}
     sizes="85vw"
     srcset="https://res.cloudinary.com/nucliweb/image/upload/c_scale,f_auto,q_auto,w_600/v1685735993/webperf-snippets/DevTools-Snippets.png 600w,
             https://res.cloudinary.com/nucliweb/image/upload/c_scale,f_auto,q_auto,w_1200/v1685735993/webperf-snippets/DevTools-Snippets.png 1200w"
     src="https://res.cloudinary.com/nucliweb/image/upload/c_scale,f_auto,q_auto,w_342/v1685735993/webperf-snippets/DevTools-Snippets.png"
     loading="eager"
     decoding="sync"
-    alt="Chrome DevTools"/>
+    fetchpriority="high"
+    alt="Chrome DevTools"
+  />
 </picture>
 
 ## How to use
@@ -42,12 +43,10 @@ You can use the webperf-snippets as a Snippet in the Chrome DevTools Sources tab
 
 ### Video
 
-<div style={{marginTop: '20px', display: 'block'}}>
+<div style={{ marginTop: "20px", display: "block" }}>
   <CldVideoPlayer
     width="1920"
     height="1080"
     src="webperf-snippets/devtools-new-snippet"
-      />
+  />
 </div>
-
-