diff --git a/files/templates/comments.html b/files/templates/comments.html
index 444fbdc7d8..8de4058246 100644
--- a/files/templates/comments.html
+++ b/files/templates/comments.html
@@ -32,9 +32,9 @@
 
 <div style="display:none" id="popover-{{c.id}}">
 	<div class="popover-user-profile" role="tooltip">
-	<img class="w-100 h-64 object-cover" src="{{c.author.banner_url}}">
+	<img loading="lazy" class="w-100 h-64 object-cover" src="/assets/images/loading.webp" data-src="{{c.author.banner_url}}">
 	<div class="d-flex align-items-end px-3 mt-n6 mb-3">
-		<img class="avatar-72 rounded img-thumbnail shadow-sm" src="{{c.author.profile_url}}">
+		<img loading="lazy" class="avatar-72 rounded img-thumbnail shadow-sm" src="/assets/images/loading.webp" data-src="{{c.author.profile_url}}">
 		<div class="px-3 text-truncate">
 		<h5 class="text-truncate text-black">{{c.author.username}}</h5>
 		</div>
diff --git a/files/templates/submission.html b/files/templates/submission.html
index f97bb63e5a..268440606b 100644
--- a/files/templates/submission.html
+++ b/files/templates/submission.html
@@ -192,9 +192,9 @@
 
 <div style="display:none" id="popover-{{p.id}}">
 	<div class="popover-user-profile" role="tooltip">
-	  <img class="w-100 h-64 object-cover" src="{{p.author.banner_url}}">
+	  <img loading="lazy" class="w-100 h-64 object-cover" src="/assets/images/loading.webp" data-src="{{p.author.banner_url}}">
 	  <div class="d-flex align-items-end px-3 mt-n6 mb-3">
-		<img class="avatar-72 rounded img-thumbnail shadow-sm" src="{{p.author.profile_url}}">
+		<img loading="lazy" class="avatar-72 rounded img-thumbnail shadow-sm" src="/assets/images/loading.webp" data-src="{{p.author.profile_url}}">
 		<div class="px-3 text-truncate">
 		  <h5 class="text-truncate text-black">{{p.author.username}}</h5>
 		</div>
diff --git a/files/templates/submission_listing.html b/files/templates/submission_listing.html
index 5bff166acd..d6412134cc 100644
--- a/files/templates/submission_listing.html
+++ b/files/templates/submission_listing.html
@@ -14,9 +14,9 @@
 
 <div style="display:none" id="popover-{{p.id}}">
 	<div class="popover-user-profile" role="tooltip">
-		<img class="w-100 h-64 object-cover" src="{{p.author.banner_url}}">
+		<img loading="lazy" class="w-100 h-64 object-cover" src="/assets/images/loading.webp" data-src="{{p.author.banner_url}}">
 		<div class="d-flex align-items-end px-3 mt-n6 mb-3">
-			<img class="avatar-72 rounded img-thumbnail shadow-sm" src="{{p.author.profile_url}}">
+			<img loading="lazy" class="avatar-72 rounded img-thumbnail shadow-sm" src="/assets/images/loading.webp" data-src="{{p.author.profile_url}}">
 			<div class="px-3 text-truncate">
 			<h5 class="text-truncate text-black">{{p.author.username}}</h5>
 			</div>