diff --git a/components/video-modal.html b/components/video-modal.html
index 5d89500b..93054a25 100644
--- a/components/video-modal.html
+++ b/components/video-modal.html
@@ -503,6 +503,8 @@
                       id="creatorAvatar"
                       src=""
                       alt="Creator"
+                      loading="lazy"
+                      decoding="async"
                       class="h-full w-full rounded-full object-cover cursor-pointer"
                     />
                   </div>
diff --git a/js/ui/components/VideoCard.js b/js/ui/components/VideoCard.js
index 576db2ba..859bd3a1 100644
--- a/js/ui/components/VideoCard.js
+++ b/js/ui/components/VideoCard.js
@@ -904,7 +904,9 @@ export class VideoCard {
     const avatar = this.createElement("img", {
       attrs: {
         src: "assets/svg/default-profile.svg",
-        alt: "Placeholder"
+        alt: "Placeholder",
+        loading: "lazy",
+        decoding: "async",
       }
     });
     avatar.classList.add(