diff --git a/public/assets/hero/hero-background.webp b/public/assets/hero/hero-background.webp
index 25212f3..b9c8a7e 100644
Binary files a/public/assets/hero/hero-background.webp and b/public/assets/hero/hero-background.webp differ
diff --git a/src/app/pages/home/sections/hero/hero.html b/src/app/pages/home/sections/hero/hero.html
index 57c85d8..ee97358 100644
--- a/src/app/pages/home/sections/hero/hero.html
+++ b/src/app/pages/home/sections/hero/hero.html
@@ -2,6 +2,8 @@
   <img
     class="hero__background"
     src="/assets/hero/hero-background.webp"
+    width="1440"
+    height="900"
     alt=""
     aria-hidden="true"
     draggable="false"
diff --git a/src/index.html b/src/index.html
index 04ff2d6..6cfa487 100644
--- a/src/index.html
+++ b/src/index.html
@@ -7,6 +7,13 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#0e1013" />
 
+    <link
+      rel="preload"
+      as="image"
+      href="/assets/hero/hero-background.webp"
+      type="image/webp"
+      fetchpriority="high"
+    />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
     <link rel="shortcut icon" href="/favicon.ico" />