diff --git a/frontend/index.html b/frontend/index.html
index 7ecd08cb0a4..16cf285d681 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -14,6 +14,6 @@
     <script type="module" src="src/main.ts"></script>
   </head>
   <body class="j-splash">
-    <img src="./icon.svg" alt="Jellyfin Logo">
+    <img src="./icon.svg" alt="Jellyfin Logo" loading="eager" decoding="async">
   </body>
 </html>
diff --git a/frontend/src/components/lib/JImg.vue b/frontend/src/components/lib/JImg.vue
index 63061ee9b0e..c25853e0bb5 100644
--- a/frontend/src/components/lib/JImg.vue
+++ b/frontend/src/components/lib/JImg.vue
@@ -13,8 +13,9 @@
       <img
         v-if="shown"
         class="j-img"
-        v-bind="mergeProps($props, $attrs)"
-        :alt="$props.alt">
+        loading="eager"
+        decoding="async"
+        v-bind="mergeProps($props, $attrs)">
       <template v-else>
         <slot
           v-if="$slots.placeholder"
diff --git a/frontend/src/components/lib/JSplashscreen.vue b/frontend/src/components/lib/JSplashscreen.vue
index 845a34e95d6..18f24dfdebb 100644
--- a/frontend/src/components/lib/JSplashscreen.vue
+++ b/frontend/src/components/lib/JSplashscreen.vue
@@ -4,7 +4,9 @@
     :class="clientSettings.currentTheme.value">
     <img
       src="./icon.svg"
-      alt="Jellyfin Logo">
+      alt="Jellyfin Logo"
+      loading="eager"
+      decoding="async">
     <JTransition
       name="slide-y-reverse"
       appear>
